Firebase | Microsoft Authentication

How To Log In From A Flutter Web App With A Microsoft Account

Here is how to log in from a Flutter Web App with a Microsoft Account together with Firebase Authentication

Photo by Tim Mossholder on Unsplash

You have a Flutter Web App (no Android or iOS) and need to add the possibility that users can log in with their Microsoft organization accounts. It sounds like a rather simple task but it took me quite a while to solve it. To save you the trouble, here is how to log in from a Flutter Web App with a Microsoft Account together with Firebase Authentication.

 💡 I use Firebase Authentication because it’s the only way that works for me. I tried many Flutter packages (most of them use msal.js under the hood) but without success. If you have another approach, tell me in the comments!

Azure Setup

This section describes what you need to do in Microsoft Azure for the authentication to work. The following steps are involved:

• Create an app registration
• Create a client secret
• Create a platform configuration with a redirect URL
• Grant access permissions

App registration