Integration of Office 365 login in MERN Stack - azure-active-directory

I am trying to make a web app that uses MERN Stack for its development. For the login part, I have to integrate Office 365 Login along with Azure AD login in the application. I tried several ways to integrate it but unable to do so due to infinite amount of errors. Please if someone knows the procedure for doing this, please do guide me or help me with its readymade code (if its available). Thanks!

Related

React Facebook Login not working on production

I have been trying to use react facebook login libraries for social authentication. In a local setup using a ngrok domain its working well but on my remote server where I add my app domain login status becomes cancelled. May someone help me understand where I may be getting it wrong. I have used react-facebook-login, react-social-login, #greatsumini/react-facebook-login - and I seem to be getting the same problem

Configure frontend to use B2C for authentication (in NuxtJS)

I'm stack in my very first task of my very first job as Front-End developer, I know I am hindered, but I hope you will be able to help me.
My task is the same as in the title, to configure the frontend to use b2c for authentication, I don't have to impletement the authentication itself, just to configure the b2c, I will explain a little bit the project so that you can understand better:
They have a main App which is already working perfectly and it is stable, what they want to do is to build a platform aside, where the the customers can send their complains, on this platform every customer should login automatically with the credentials of the main App.
They provided me the entrypontins (for authorization, the token endpoint and the end session endpoint), the jwks uri and the cliendID, the App is build in Nuxtjs and they are using Azure AD B2C as directory service. The App is absolutely empty, it was just created and the configuration I have to do is the very first thing that should be implemented.
I have found a lot of theory informations on the web, but I cannot manage to find a guide that could help me to implement it practically, and the most of the practic tutorials/docs are about implementing the full process of authentication.
I am wondering if some of you knows a nice tutorial or guide or something that could help me to take a few steps forward.
I thank you all in advance !!

How can I diagnose authentication issues in a custom single tenant Teams app?

I am developing an ASP.NET MVC website. It is hosted in Azure and users are authenticated with AAD for our single tenant. I intend to make the website available in a Teams app, so that my coworkers can navigate to my website via the Teams Windows app and the mobile app.
I follow these steps to integrate security in a web browser: https://learn.microsoft.com/en-us/learn/modules/msgraph-build-aspnetmvc-apps/5-exercise-add-auth
I followed these directions to integrate security with Teams: https://learn.microsoft.com/en-us/microsoftteams/platform/tabs/how-to/authentication/auth-aad-sso. I'm not sure that I did this correctly.
At this point, I can:
Login with a web browser
Login via Teams mobile app
Load Teams in a web browser then load my app (not a use case that I need to support, but this worked and I was not prompted to login. I assume that I wasn't prompted to login because I was already logged in directly in another browser tab).
I cannot:
Login via Teams Windows app -- This is my primary use case unfortunately.
When I try to login with the Teams application on Windows (using the same pages and forms as on mobile), the page just disappears. I'm not prompted with the usual Microsoft login page.
How can I diagnose the cause of the problem? I don't see any obvious errors reported in Teams. Is there any way to get access to the root error?
EDIT:
login.microsoftonline.com is reporting "Your browser is currently set to block cookies. You need to allow cookies to use this service." I'm now aware of the SameSite changes (https://learn.microsoft.com/en-us/azure/active-directory/develop/howto-handle-samesite-cookie-changes-chrome-browser?tabs=dotnet) and I've implemented the recommended SameSiteCookieManager code to address the SameSite issue.
I'm still running into the same issue. No exceptions or errors reported except that Teams does not accept cookies.
May have to break this down further, here's how I would decipher it.
First of all, you will have to figure out if the issue is with Teams or on the Auth side.
Figure out which line of code is executing last? You can debug or write to terminal/logs.
Do you see any exceptions? Ideally debuggers can help or you can add some code to catch any exception.
If it's failing before executing any code, do you see any http requests going out, you can use fiddler for this. See if you are seeing any error codes.
If you are using Windows then check Event Logs for any errors or exceptions for Teams App. Look at the Application logs.
Look out for Audit logs and sign in logs and check if you see any activity in your tenant when you run this app.
https://learn.microsoft.com/en-us/azure/active-directory/reports-monitoring/concept-activity-logs-azure-monitor
Some other points would be to check if you can repro this with a sample app or a different user(elevated user). If there is any additional info do share.

Azure Authentication sending SMS confirmation

I'm using Azure Authentication in a mobile app, using the azure-activedirectory-library-for-cordova plugin.
Recently some user have trouble logging in. Some are even receiving SMS to confirm their mobile number, still without actually being able to complete the login.
They can still log in like normal on other services (such as their computer at work) - but when using this login for our app is causing problems.
It's not consistent - some users are having troubles and receiving SMS, while others are not.
Any suggestions what may cause this, and how to prevent it?
It appears like some users that are trying to sign into your application have Multi-Factor Authentication set up.
Please take a look at the following Article: Multi-Factor Authentication
I am not an expert in the MFA scenarios, but it appears that there are custom SDKs that you might need to integrate with your application to fully support signing in those users: Multi-Factor Authentication SDK
Let me know if this helps, or if you have a more specific question, let me know and I can try and find the right person to help you.

Implement Authentication using office 0365 in AngularJS (Get login user information)

I'm implementing office 0365 authentication using AngularJS.
I want to make the user login to the MS Office 0365 and get the user information from their API.
I have created application for same and all app credentials and app details are present with me.
I have tried this in my project but no success.
Any other solution and provide me steps for same.

Resources