Supported Platforms

Web

React Native

Flutter

iOS

Android

You can allow your users to sign up & log in to your web app with their Microsoft account.

👉 Play with a demo

#Prerequisites

• You will need a Microsoft Azure account
• You will need to have the Magic SDK installed into your web app
• You will need to have the Magic SDK - OAuth Extension installed into your web app

#Microsoft Setup

After installing the OAuth extension, you can now enable Microsoft Login for your Magic app:

1. Go to your Magic Dashboard
2. Select the Magic app for which you’d like to enable Microsoft Login, or create a new app
3. Navigate to Social Login from the sidebar
4. Click the toggle for Microsoft
5. Copy the Redirect URI field from your Magic Dashboard
6. Follow Microsoft's registration instructions to register your app
7. Search and navigate to App registrations section
   
8. Click New registration
   
9. Make sure to select personal Microsoft accounts to allow your users to access your oauth app. Paste redirect link from Magic Dashboard into the Redirect URI
   
10. After register your app, select Certificates & secrets in the sidebar, click New client secret, and obtain the client secret Value
    
11. Navigate back to Overview in the sidebar, obtain the Client ID
    
12. Return to your Magic Dashboard and input the Client ID and Client Secret for your Microsoft OAuth app and click “Save”
13. Click "Test Connection" to give your new Microsoft OAuth flow a try! 🎉