isabella232 / js-e2e-client-azure-login-button

Simple Azure authentication (login/logout button) for a client-side app (create-react-app).

page_type	languages	name	description	products
sample	javascript typescript nodejs	TypeScript end-to-end add login button to client application	Build React app with Microsoft login button.	azure azure-portal vs-code

TypeScript end-to-end add login button to client application

For a complete tutorial, please use the Microsoft Documentation tutorial found here.

Create-react-app

The SPA built in this tutorial is a React app (create-react-app) with the following tasks:

• Login using a Microsoft-supported login such as Office 365 or Outlook.com
• Log off the application

To provide a quick and simple single page application, the sample uses create-react-app with TypeScript. This front-end framework provides several shortcuts in typical client development with Azure SDKs:

• Bundling, required for Azure SDKs used in a client-application
• Environment variables in the .env file