Entra Identity Platform

https://learn.microsoft.com/en-us/entra/identity-platform/
Admin
Comprehensive documentation for Microsoft Entra Identity Platform, covering authentication,...
Tokens:1,045,809
Snippets:7,132
Trust Score:10
Update:2 weeks ago
Show doc for...
Tokens:
Raw
### Run the client web app with npm install and npm start

Source: https://learn.microsoft.com/en-us/entra/identity-platform/quickstart-web-app-node-sign-in-call-api

Installs dependencies and starts the client web app from the 2-Authorization\4-call-api-express\App directory. After running, open http://localhost:3000 in a browser.

```console
cd 2-Authorization\4-call-api-express\App
npm install
npm start

```

--------------------------------

### Start the React SPA server

Source: https://learn.microsoft.com/en-us/entra/identity-platform/quickstart-single-page-app-sign-in

Run these commands from the project directory to install dependencies and start the server for the React sample. After starting, copy the https URL (e.g., https://localhost:3000) into a private browser, sign in with an external tenant account, and verify profile access via Microsoft Graph.

```bash
cd 1-Authentication\1-sign-in-react\SPA
npm install
npm start
```

--------------------------------

### Start the vanilla JavaScript SPA server

Source: https://learn.microsoft.com/en-us/entra/identity-platform/quickstart-single-page-app-sign-in

Run these commands from the project directory to install dependencies and start the server for the vanilla JavaScript sample. After starting, copy the https URL (e.g., https://localhost:3000) into a private browser, sign in with a tenant account, and verify profile access via Microsoft Graph.

```bash
cd 1-Authentication\0-sign-in-vanillajs\App
npm install
npm start
```

--------------------------------

### Install and run the client app

Source: https://learn.microsoft.com/en-us/entra/identity-platform/quickstart-web-app-node-sign-in-edit-profile

Run these commands in your terminal to install dependencies and start the client app. The app runs at http://localhost:3000.

```console
cd 1-Authentication\7-edit-profile-with-mfa-express\App
npm install
npm start

```

--------------------------------

### Start the Angular SPA server

Source: https://learn.microsoft.com/en-us/entra/identity-platform/quickstart-single-page-app-sign-in

Run these commands from the project directory to install dependencies and start the server for the Angular sample. After starting, copy the https URL (e.g., https://localhost:4200) into a private browser, sign in with an external tenant account, and verify profile access via Microsoft Graph.

```bash
cd 1-Authentication\2-sign-in-angular\SPA
npm install
npm start
```

--------------------------------

### Run Angular SPA with Node.js

Source: https://learn.microsoft.com/en-us/entra/identity-platform/quickstart-single-page-app-angular-sign-in

Run the Angular single-page application locally with Node.js. Execute these commands from the project directory to install dependencies and start the web server. The terminal displays an https URL, for example https://localhost:4200, to open in a browser.

```console
cd angular-spa
npm install
npm start
```

--------------------------------

### Run React SPA with Node.js

Source: https://learn.microsoft.com/en-us/entra/identity-platform/quickstart-single-page-app-angular-sign-in

Run the React single-page application locally with Node.js. Execute these commands from the project directory to install dependencies and start the web server. The terminal displays an https URL, for example https://localhost:3000, to open in a browser.

```console
cd react-spa
npm install
npm start
```

--------------------------------

### Navigate to React sample and install dependencies

Source: https://learn.microsoft.com/en-us/entra/identity-platform/quickstart-native-authentication-single-page-app-react-sign-in

Navigate to the React sample app directory and install its dependencies. Run these commands in a terminal window.

```console
cd API\React\ReactAuthSimple

```

```console
npm install

```

--------------------------------

### Run JavaScript SPA with Node.js

Source: https://learn.microsoft.com/en-us/entra/identity-platform/quickstart-single-page-app-angular-sign-in

Run the JavaScript single-page application locally with Node.js. Execute these commands from the project directory to install dependencies and start the web server. The terminal displays an https URL, for example https://localhost:3000, to open in a browser.

```console
cd vanillajs-spa/App
npm install
npm start
```

--------------------------------

### Run Blazor WASM SPA with dotnet

Source: https://learn.microsoft.com/en-us/entra/identity-platform/quickstart-single-page-app-angular-sign-in

Run the Blazor WebAssembly single-page application locally with .NET. Execute these commands from the project directory to install the wasm-tools workload and start the server. The terminal displays an http URL, for example http://localhost:5000, to open in a browser.

```console
cd spa-blazor-wasm
dotnet workload install wasm-tools
dotnet run
```

--------------------------------

### Run the vanilla JavaScript sample app

Source: https://learn.microsoft.com/en-us/entra/identity-platform/quickstart-single-page-app-angular-sign-in

Starts the vanilla JavaScript sample app. Run these commands from the project directory, then open the displayed https URL (e.g., https://localhost:3000) in a private or incognito browser session and sign in with an account registered to the tenant.

```console
cd 1-Authentication\0-sign-in-vanillajs\App
npm install
npm start

```

--------------------------------

### Install Node packages with npm install

Source: https://learn.microsoft.com/en-us/entra/identity-platform/how-to-web-app-node-sign-in-call-api-prepare-app

Installs axios, cookie-parser, body-parser, and method-override for the web app. Run this command in your terminal after completing the first part of the guide.

```console
    npm install axios cookie-parser body-parser method-override 

```

--------------------------------

### Run the React sample app

Source: https://learn.microsoft.com/en-us/entra/identity-platform/quickstart-single-page-app-angular-sign-in

Starts the React sample app. Run these commands from the project directory, then open the displayed https URL (e.g., https://localhost:3000) in a private or incognito browser session and sign in with an account registered to the external tenant.

```console
cd 1-Authentication\1-sign-in-react\SPA
npm install
npm start

```

--------------------------------

### Install Django sample app dependencies

Source: https://learn.microsoft.com/en-us/entra/identity-platform/quickstart-web-app-sign-in

Set up the Django sample web app: change to the django-web-app directory, create and activate a virtual environment (Windows or macOS/Linux), and install dependencies from requirements.txt.

```console
cd django-web-app

```

```console
py -m venv .venv
.venv\scripts\activate

```

```console
python3 -m venv .venv
source .venv/bin/activate

```

```console
python3 -m pip install -r requirements.txt

```

--------------------------------

### Install and run Node.js daemon app

Source: https://learn.microsoft.com/en-us/entra/identity-platform/quickstart-daemon-app-python-acquire-token

Installs dependencies and runs the Node.js daemon app to get all users from the tenant.

```console
npm install

```

```console
node . --op getUsers

```

--------------------------------

### Start Node server

Source: https://learn.microsoft.com/en-us/entra/identity-platform/quickstart-web-app-dotnet-core-sign-in

Run these commands from the project directory to start the Node server. After starting, go to http://localhost:3000/ and select Sign in.

```console
cd App
npm install
npm start
```

--------------------------------

### Project structure after setup

Source: https://learn.microsoft.com/en-us/entra/identity-platform/tutorial-single-page-apps-angular-prepare-app

Shows the expected project structure after completing the setup steps.

```console
.
├── README.md
├── angular.json
├── package-lock.json
├── package.json
├── src
│   ├── app
│   │   ├── app-routing.module.ts
│   │   ├── app.component.html
│   │   ├── app.component.ts
│   │   ├── app.module.ts
│   │   ├── home
│   │   │   ├── home.component.html
│   │   │   └── home.component.ts
│   │   └── profile
│   │       ├── profile.component.html
│   │       └── profile.component.ts
│   ├── index.html
│   ├── main.ts
│   ├── polyfills.ts
│   └── styles.css
├── tsconfig.app.json
└── tsconfig.json

```

--------------------------------

### Install and run the edit service/API app

Source: https://learn.microsoft.com/en-us/entra/identity-platform/quickstart-web-app-node-sign-in-edit-profile

Run these commands in the edit service/API app directory (1-Authentication\7-edit-profile-with-mfa-express\Api) to install dependencies and start the API app.

```console
npm install
npm start

```

--------------------------------

### Install MSAL.NET via Package Manager Console

Source: https://learn.microsoft.com/en-us/entra/identity-platform/quickstart-v2-windows-desktop

Installs the MSAL.NET library (Microsoft.Identity.Client) from the NuGet package manager console. The -IncludePrerelease flag is required to get the latest prerelease version.

```powershell
Install-Package Microsoft.Identity.Client -IncludePrerelease

```

--------------------------------

### PowerShell setup for angularspalocal project

Source: https://learn.microsoft.com/en-us/entra/identity-platform/tutorial-single-page-apps-angular-prepare-app

Installs Angular CLI, creates a new Angular project named 'angularspalocal', installs Angular Material and MSAL libraries, and generates home and guarded components.

```powershell
npm install -g @angular/cli@14.2.0
ng new angularspalocal --routing=true --style=css --strict=false
cd angularspalocal
npm install @angular/material@13.0.0 @angular/cdk@13.0.0
npm install @azure/msal-browser@2.37.0 @azure/msal-angular@2.5.7
ng generate component home
ng generate component guarded

```

--------------------------------

### Run the app with npm start

Source: https://learn.microsoft.com/en-us/entra/identity-platform/msal-compare-msal-js-and-adal-js

Run the app and test the authentication scenario.

```console
npm start

```

--------------------------------

### Get preferred authentication method (Java)

Source: https://learn.microsoft.com/en-us/entra/identity-platform/android-qr-code-pin-authentication

Call `getPreferredAuthConfiguration()` on the `mpca` object to retrieve the preferred authentication method for the current account. Requires the Microsoft Authenticator app to be installed; returns `None` if not installed.

```Java
mpca.getPreferredAuthConfiguration()
```

--------------------------------

### Install Flask sample app dependencies

Source: https://learn.microsoft.com/en-us/entra/identity-platform/quickstart-web-app-sign-in

Set up the Flask sample web app: change to the flask-web-app directory, create and activate a virtual environment (Windows or macOS/Linux), and install dependencies from requirements.txt.

```console
cd flask-web-app

```

```console
py -m venv .venv
.venv\scripts\activate

```

```console
python3 -m venv .venv
source .venv/bin/activate

```

```console
python3 -m pip install -r requirements.txt

```

--------------------------------

### Node.js example: Get users from Microsoft Graph using DefaultAzureCredential

Source: https://learn.microsoft.com/en-us/entra/identity-platform/multi-service-web-app-access-microsoft-graph-as-app

Uses DefaultAzureCredential from @azure/identity to get a token for Microsoft Graph, then uses the Microsoft Graph JavaScript SDK to query /users and render the results.

```javascript
const graphHelper = require('../utils/graphHelper');
const { DefaultAzureCredential } = require("@azure/identity");

exports.getUsersPage = async(req, res, next) => {

    const defaultAzureCredential = new DefaultAzureCredential();
    
    try {
        const tokenResponse = await defaultAzureCredential.getToken("https://graph.microsoft.com/.default");

        const graphClient = graphHelper.getAuthenticatedClient(tokenResponse.token);

        const users = await graphClient
            .api('/users')
            .get();

        res.render('users', { user: req.session.user, users: users });   
    } catch (error) {
        next(error);
    }
}

```

--------------------------------

### Navigate to Angular sample directory and install dependencies

Source: https://learn.microsoft.com/en-us/entra/identity-platform/quickstart-native-authentication-single-page-app-sdk-sign-in

These commands navigate to the Angular sample directory and install its dependencies using npm. Run them in a terminal window.

```console
    cd typescript/native-auth/angular-sample

```

```console
npm install

```
Tokens:
Raw