Microsoft Login

To enable your users to login with Microsoft, you must enable Microsoft login in the builder and then create an application with Microsoft to serve as the OAuth provider.

Read below to learn how.

Enable In Builder

Go to Home and click on the Login Box builder.

In the left panel, toggle the switch to on for Microsoft.

28802880

🚧

When making changes to the settings in the builder, be sure to commit your changes and then publish for them to take effect and to configure them in your environments.

Create Microsoft App

Follow the steps to below to configure Microsoft login.

👍

Moving Environments

When moving a project from one environment to another, Frontegg moves the social login environment configurations for you. For instance, if moving from development to production, Frontegg moves the development social login configurations to production.

Step 1: Open Project

To create your OAuth application, go to Microsoft Azure and select Manage Azure Active Directory.

19181918

Step 2: Register Your Application

Click on App registrations and then New Registration.

19181918

Then, do the following:

  • Set your application name.
  • Select your Supported account types.
  • Set your Redirect URI (for example, http://localhost:3000/account/social/success).

19181918

📘

Supported Account Types

Choose the option Accounts in any organizational directory (Any Azure AD directory - Multitenant) and personal Microsoft accounts (e.g. Skype, Xbox)


Step 3: Get ClientId and Client Secret

Your Microsoft ClientId is located on your Microsoft app's Overview page. Look for Application (client) ID.

To create a client secret, open Certificates & secrets and click on New client secret.

19181918

Set an expiration time and description for you client secret.

19181918

Copy and save the Value for your client secret. You will not be able to see it again in your Microsoft account.

19181918

Step 4: Enter Credentials In Frontegg

Go to Environments ➜ [NAME OF ENVIRONMENT] ➜ Authentication ➜ Social Logins.

Click on the Microsoft manage button.

28802880

Enter your Microsoft Client ID, Client Secret, and Redirect URL. Then save and publish.

28802880

Step 5: Test Microsoft Button

In your login screen, you should see a Microsoft button that redirects to the Microsoft OAuth Consent screen for login. Test it to make sure it works.

14401440

📘

Set Who Can Login With Microsoft

By default, only invited users can login with Microsoft. If you want to allow new users to signup with Microsoft, go to the Login Box builder and enable Allow Signups in the left panel.


Did this page help you?