This sample demonstrates how to use the Microsoft Graph JavaScript SDK to access data in Office 365 from Angular single-page applications.
page_type: sample description: This sample demonstrates how to use the Microsoft Graph JavaScript SDK to access data in Office 365 from Angular single-page applications. products:
This sample demonstrates how to use the Microsoft Graph JavaScript SDK to access data in Office 365 from Angular single-page applications.
NOTE: This sample was originally built from a tutorial published on the Microsoft Graph tutorials page. That tutorial has been removed.
To run the completed project in this folder, you need the following:
If you don't have a Microsoft account, there are a couple of options to get a free account:
Open a browser and navigate to the Azure Active Directory admin center. Login using a personal account (aka: Microsoft Account) or Work or School Account.
Select Azure Active Directory in the left-hand navigation, then select App registrations under Manage
Select New registration. On the Register an application page, set the values as follows.
Angular Graph Sample
.Single-page application (SPA)
and set the value to http://localhost:4200
.Choose Register. On the Angular Graph Tutorial page, copy the value of the Application (client) ID and save it, you will need it in the next step.
Rename the oauth.example.ts
file to oauth.ts
.
Edit the oauth.ts
file and make the following changes.
YOUR_APP_ID_HERE
with the Application Id you got from the App Registration Portal.In your command-line interface (CLI), navigate to this directory and run the following command to install requirements.
npm install
Run the following command in your CLI to start the application.
ng serve
Open a browser and browse to http://localhost:4200
.
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.
THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.