MS integration Graph API + React

Using graph explorer

You can explore sample queries with the Graph Explorer without signing into the application as it will return some sample data.

App registration in AD

• Go to https://portal.azure.com
• Sign in with an ‘admin’ account
• Search fo rAzure Active Directory and select it
• Select App registrations from the left menu under manage
• select ‘new registration’
• Choose a name and redirect url (optional), but necessary for authentication later in app
• In the overview page of the created registration, keep track of the client-id
• Create an app secret via Certificates & secrets, give it a name and save the value somewhere safe (cannot be retrieved again afterwards)

Useful links

• https://learn.microsoft.com/en-us/azure/active-directory/develop/console-app-quickstart?pivots=devlang-nodejs
• App registration tutorial: https://jeffbrown.tech/getting-started-with-microsoft-teams-and-graph-api/
• React tutorial: https://learn.microsoft.com/en-us/azure/active-directory/develop/tutorial-v2-react