Azure App Registration Issue when developing for all platforms in Flutter

Question

I am building an email client using Flutter. I am using the OAuth 2.0 package to connect to an Azure app. So far, I have created the app in Azure and configured the redirect URIs for Android as well as Mobile & Desktop applications.

When my app launches and I click the login button, it opens the browser and navigates to the Microsoft login page. I sign in using my personal Microsoft account and enter the verification code, but when I click Next, nothing happens. I am not redirected back to the app, and no token is printed in the console.

I have consistently had issues configuring redirect URIs. I am unsure which redirect URI to use when developing for Android, iOS, Windows, and macOS. I would really appreciate help from someone with experience developing Flutter applications.

Answer 1

Hello Sumesh Chandran,

Although the login process is successful, Azure is unable to reroute to your Flutter application due to an improperly specified redirect URI. Instead of using web or localhost redirection, Flutter apps need use a custom URI scheme.

Flutter is a mobile application; hence you must Register the app as Mobile and desktop applications (not SPA/Web):

• Pass the same URL in your Flutter code
• Set up deep linking: Android: intent-filter with host authentication and scheme msal CFBundleURLSchemes = msal in iOS/macOS

Let me know if any further queries - feel free to reach out!

Otherwise, we can connect offline to troubleshoot the issue. Please share details over private message.