Skip to content

Demonstrates loging in with a Microsoft Account, or a work/school acount, and calling the Microsoft Graph to get information about the user and send an email.

License

Notifications You must be signed in to change notification settings

jmprieur/angular-msgraph-rest-sample-with-msaljs

Repository files navigation

Microsoft Graph Connect Sample for Angular

Table of contents

Introduction

This sample shows how to connect an Angular app to a Microsoft work or school (Azure Active Directory) or personal (Microsoft) account using the Microsoft Graph API to send an email. In addition, the sample uses the Office Fabric UI for styling and formatting the user experience.

![Microsoft Graph Connect sample screenshot](./README assets/screenshot.png)

Prerequisites

To use the Microsoft Graph Connect sample for Angular, you need the following:

Register the application

  1. Sign into the App Registration Portal using either your personal or work or school account.

  2. Choose Add an app.

  3. Enter a name for the app, and choose Create application.

    The registration page displays, listing the properties of your app.

  4. Copy the Application Id. This is the unique identifier for your app.

  5. Under Platforms, choose Add Platform.

  6. Choose Web.

  7. Make sure the Allow Implicit Flow check box is selected, and enter http://localhost:8080/login as the Redirect URI.

  8. Choose Save.

Build and run the sample

  1. Download or clone the Microsoft Graph Connect Sample for Angular.

  2. Using your favorite IDE, open config.js in public/scripts.

  3. Replace the clientId placeholder value with the application ID of your registered Azure application.

  4. In a command prompt, run the following command in the root directory of the starter project. This installs project dependencies and the Hello.js client-side authententication library.

npm install
  1. Run npm start to start the development server.

  2. Navigate to http://localhost:8080 in your web browser.

  3. Choose the Connect button.

  4. Sign in with your personal or work or school account and grant the requested permissions.

  5. Optionally edit the recipient's email address, and then choose the Send mail button. When the mail is sent, a Success message is displayed below the button.

Contributing

If you'd like to contribute to this sample, see CONTRIBUTING.MD.

This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact [email protected] with any additional questions or comments.

Questions and comments

We'd love to get your feedback about this sample. You can send your questions and suggestions in the Issues section of this repository.

Questions about Microsoft Graph development in general should be posted to Stack Overflow. Make sure that your questions or comments are tagged with [microsoftgraph].

Additional resources

Copyright

Copyright (c) 2016 Microsoft. All rights reserved.

About

Demonstrates loging in with a Microsoft Account, or a work/school acount, and calling the Microsoft Graph to get information about the user and send an email.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published