Microsoft Identity Platform community call – July 2022
Call summary
This month’s in-depth topic: Deep dive on using MSAL.js to integrate React Single-page applications with Azure Active Directory. In this session, we will write the code required to successfully integrate a React single page app with the Microsoft identity platform. We’ll start with the app enabling single sign-on for its users. We will then proceed to get an access token for the Microsoft Graph API. We will cover the coding required in detail, including how to subscribe to MSAL events like user sign-in and sign-out, how to protect routes using MSAL React templates, and how to acquire tokens with MSAL React hooks. We will also touch upon some advanced concepts like how apps can prepare themselves for Continuous Access Evaluation (CAE) events. We will cap the session with showing you how to successfully deploy your app on Azure Static Web Apps service. Microsoft Presenters Doğan Erişen, Salman Salem and Kalyan Krishna. Recorded July 21,2022
Referenced in this call
- Documentation - Quickstart: Set up a SD tenant
- Library - Microsoft Authentication Library for JavaScript (MSAL.js)
- Documentation – MSAL Browser docs
- Documentation – MSAL React docs
- Samples – MSAL React samples
- Tutorial - Tutorial: Enable your React single-page application to sign-in users and call APIs with the Microsoft identity platform
- Documentation - Microsoft identity platform and OAuth 2.0 authorization code flow
- Documentation - Single sign-on with MSAL.js
- Documentation - Continuous access evaluation
- Samples - Microsoft identity platform code samples | aka.ms/aadcodesamples
- Cheat Sheet - Cross Site Scripting Prevention Cheat Sheet
- Demo - Getting Started with Create React App
- Documentation - Microsoft identity platform ID tokens | aka.ms/id-tokens
- Documentation - Provide optional claims to your app | aka.ms/optionalclaims
- Documentation - Claims challenges, claims requests, and client capabilities | aka.ms/ClaimsChallenge
Actions
- Let us know how we’re doing and suggest topics for future calls, please complete this survey https://aka.ms/IDDevCommunityCallSurvey
- Opt into PnP Recognition Program | https://aka.ms/m365pnp-recognition
- Register for the Microsoft 365 Developer Program and get a free developer tenant
- Get started with free training modules covering Microsoft 365 platform capabilities including Learning Path - Implement Microsoft identity – Associate
- Mark your calendar for next call on August 22nd at 9:00am PT. Download the recurrent invite for this call | https://aka.ms/IDDevCommunityCalendar
Resources in General
- Documentation - What is the Microsoft identity platform?
- Documentation - Microsoft identity platform documentation
- Developer – Microsoft Identity Platform
- Microsoft 365 Unified Sample gallery - https://aka.ms/m365/samples
Stay connected
- Twitter https://twitter.com/microsoft365dev and @azuread
- Microsoft 365 Platform Community in YouTube - https://aka.ms/m365/videos
- Microsoft 365 Platform Community - https://aka.ms/m365/community
- YouTube https://aka.ms/M365DevYouTube (Developer channel)
- Blogs https://aka.ms/m365/blog