Does the latest version of MSAL support loginRedirect() from within an IFrame

Question

I have scenario where I have a SPA loading in an IFrame from within another parent page. Currently, I am using loginPopup() from the IFrame for authentication. I wish to migrate to loginRedirect() and am unable to do so due to an authentication error . Please let me know if there is a way to do the same. Thank you!

Answer 1

Hi @Akhil Kondepudi • Thank you for reaching out.

Assuming you are using MSAL.js, it provides 3 login APIs: loginPopup(), loginRedirect(), and ssoSilent(). To use the redirect flow, you must register a handler for redirect promise. MSAL.js provides handleRedirectPromise() API. When you choose to use the redirect APIs, be aware that you MUST call handleRedirectPromise() to correctly handle the API.

myMSALObj.handleRedirectPromise()  
    .then((response) => {  
        // your logic  
    })  
    .catch(err => {  
        console.error(err);  
    });  

myMSALObj.loginRedirect(loginRequest);  

Note: It is not recommended to use both interaction types - pop-up and redirect, in a single application.

Read more:
https://github.com/AzureAD/microsoft-authentication-library-for-js/blob/dev/lib/msal-browser/docs/initialization.md#choosing-an-interaction-type

-----------------------------------------------------------------------------------------------------------

Please "Accept the answer" if the information helped you. This will help us and others in the community as well.