Azure AD with SSO for .NET Core API & Angular | Complete Guide to Authentication & Integration

In this video, we provide a complete guide to integrating Azure Active Directory (Azure AD) with Single Sign-On (SSO) in a .NET Core Web API and Angular application. This step-by-step tutorial will walk you through the process of securing your web apps using Azure AD, enabling seamless authentication and SSO across multiple apps.
We cover the following key topics:
Overview of Azure AD and its role as an identity provider.
Setting up Azure AD for user authentication in a .NET Core API.
How to implement Single Sign-On (SSO) across two Angular apps using the same Azure AD tenant.
MSAL.js for token acquisition and secure access.
Managing user sessions with Azure AD and how SSO works in multi-app environments.
Testing and debugging the integration locally for seamless development.
Whether you're a beginner or looking to level up your knowledge on Azure AD and SSO integration, this video provides a comprehensive guide to understanding and implementing identity management in your applications.
🔗 GitHub Repo: github.com/lea...
Please post your questions in the comment section and I will be happy to answer your questions.
Subscribe for more useful videos just like this: / @learnsmartcoding
Happy coding!

[@subashraj3919]

Thanks bro. It was good Learning

[@ayushgupta5702]

Thanks for the video. It is really great. I am facing one issue as I am using enterprise application to implement SSO so in that case also it should be mandatory to have app registration. As I am facing CORS error when sending the request in the browser but when I am pasting the SAML request in the other tab it is working correctly.

[@learnsmartcoding]

Hi Ayush, Thank you so much for the kind words! I'm glad you found the video helpful. Regarding your issue, when you're using an enterprise application for SSO, it's still necessary to have app registration in Azure AD, even if you're using a pre-configured enterprise app. App registration ensures that your application is properly configured to work with Azure AD, including setting up redirect URIs and permissions. As for the CORS error, this typically happens because Azure AD and the browser security policies prevent cross-origin requests when proper configurations aren’t in place. Here are a few things you can check: App Registration: Ensure that your redirect URIs and CORS settings are configured correctly in the Azure portal for the app registration. CORS in API: Make sure that CORS is enabled in your backend API to allow requests from your frontend app's domain. You may need to whitelist specific origins in your API. SAML Request in Browser: When you're manually pasting the SAML request, it works because the browser isn't blocking it like in a programmatic request, hence why it bypasses the CORS policies. Let me know if this helps, and feel free to share more details if the issue persists!

[@ayushgupta5702]

@@learnsmartcoding Thanks for your humble reply. In my case there is one thing that my SSO Login will be based on the user's setting that wether the user has sso enabled or not and this will be checked when user will enter thier username and on behalf of it we initiate the SSO login otherwise move to next page for entering password. So for that I have to initiate the SSO login from Controller level based on the scenario required. Can you help me with that?

[@ayushgupta5702]

@learnsmartcoding like what should be settings for backend and front end in this case or they will be same like only have to do app registration and registration of enterprise application

[@ayushgupta5702]

@@learnsmartcoding Also it is mandatory to add scopes since we are using currently JWT authentication and will be adding SSO login to the application

[@ayushgupta5702]

​@@learnsmartcoding Please reply. Can we connect?