Skip to content

Commit 56dc3c1

Browse files
committed
Copied README and version files
1 parent e1b0ee5 commit 56dc3c1

File tree

2 files changed

+61
-0
lines changed

2 files changed

+61
-0
lines changed

demo/README.md

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
# How to run the completed project
2+
3+
## Prerequisites
4+
5+
To run the completed project in this folder, you need the following:
6+
7+
- [Node.js](https://nodejs.org) installed on your development machine. If you do not have Node.js, visit the previous link for download options. (**Note:** This tutorial was written with Node version 10.15.3. The steps in this guide may work with other versions, but that has not been tested.)
8+
- Either a personal Microsoft account with a mailbox on Outlook.com, or a Microsoft work or school account.
9+
10+
If you don't have a Microsoft account, there are a couple of options to get a free account:
11+
12+
- You can [sign up for a new personal Microsoft account](https://signup.live.com/signup?wa=wsignin1.0&rpsnv=12&ct=1454618383&rver=6.4.6456.0&wp=MBI_SSL_SHARED&wreply=https://mail.live.com/default.aspx&id=64855&cbcxt=mai&bk=1454618383&uiflavor=web&uaid=b213a65b4fdc484382b6622b3ecaa547&mkt=E-US&lc=1033&lic=1).
13+
- You can [sign up for the Office 365 Developer Program](https://developer.microsoft.com/office/dev-program) to get a free Office 365 subscription.
14+
15+
## Register a web application with the Azure Active Directory admin center
16+
17+
1. Open a browser and navigate to the [Azure Active Directory admin center](https://aad.portal.azure.com). Login using a **personal account** (aka: Microsoft Account) or **Work or School Account**.
18+
19+
1. Select **Azure Active Directory** in the left-hand navigation, then select **App registrations** under **Manage**.
20+
21+
![A screenshot of the App registrations ](/tutorial/images/aad-portal-app-registrations.png)
22+
23+
> **Note:** Azure AD B2C users may only see **App registrations (legacy)**. In this case, please go directly to [https://aka.ms/appregistrations](https://aka.ms/appregistrations).
24+
25+
1. Select **New registration**. On the **Register an application** page, set the values as follows.
26+
27+
- Set **Name** to `React Graph Tutorial`.
28+
- Set **Supported account types** to **Accounts in any organizational directory and personal Microsoft accounts**.
29+
- Under **Redirect URI**, set the first drop-down to `Web` and set the value to `http://localhost:3000`.
30+
31+
![A screenshot of the Register an application page](/tutorial/images/aad-register-an-app.png)
32+
33+
1. 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.
34+
35+
![A screenshot of the application ID of the new app registration](/tutorial/images/aad-application-id.png)
36+
37+
1. Select **Authentication** under **Manage**. Locate the **Implicit grant** section and enable **Access tokens** and **ID tokens**. Choose **Save**.
38+
39+
![A screenshot of the Implicit grant section](/tutorial/images/aad-implicit-grant.png)
40+
41+
## Configure the sample
42+
43+
1. Rename the `./graph-tutorial/src/Config.js.example` file to `./graph-tutorial/src/Config.js`.
44+
1. Edit the `./graph-tutorial/src/Config.js` file and make the following changes.
45+
1. Replace `YOUR_APP_ID_HERE` with the **Application Id** you got from the App Registration Portal.
46+
1. In your command-line interface (CLI), navigate to the `graph-tutorial` directory and run the following command to install requirements.
47+
48+
```Shell
49+
npm install
50+
```
51+
52+
## Run the sample
53+
54+
1. Run the following command in your CLI to start the application.
55+
56+
```Shell
57+
npm start
58+
```
59+
60+
1. Open a browser and browse to `http://localhost:3000`.

demo/version

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
1.2

0 commit comments

Comments
 (0)