[Question] Integration with React Native about fastapi-azure-auth HOT 4 CLOSED

I don't really have any experience with React Native, and I don't really know if Microsoft's msal packages are Native friendly. I'm assuming they are not as they probably relies heavily on browser APIs and the DOM, but I might be wrong. If it doesn't work, react-native-msal might be an alternative? As Jonas said you should still use the Authorization Code Flow with PKCE.

from fastapi-azure-auth.

Seems like there's some specific examples on the PKCE flow on the official website, using this library. An example can be found here (remember to look at the V2 docs).

Good luck! 🚀

from fastapi-azure-auth.

@yeguacelestial I believe we’ve answered your question as best as we can, so I’m going to close this issue.

Feel free to re-open if you have any more questions.

from fastapi-azure-auth.

Hi! Thank you for the kind words. 😊

Any flow fetching a token would work. Preferably client side applications should use the Authorization Code (using PKCE) flow. That’s the flow the OpenAPI docs also use.

I’m not a frontend developer so I’ll tag @h3rmanj, he might be able to correct me if the following is wrong:

You can use the Microsoft MSAL react package to handle all token fetching in react. You should set up your app registration in Azure AD just as you did for your OpenAPI docs(with a different redirect URI). This tutorial seem to use the correct flow and libraries.

Quote from the msal-react GitHub README:

This version of the library uses the OAuth 2.0 Authorization Code Flow with PKCE.

from fastapi-azure-auth.