Auth0 Home Blog Docs

How do I implement native login with React Native & Expo?

react-native
expo

#1

Question: I am using Auth0 on my React Native application with Expo, what is the recommendation for keeping a native login experience?

Answer:

Authentication in mobile applications can take two basic approaches:

  • Browser-based authentication, where a browser is used to redirect the user to the authorization server’s domain to perform all the necessary steps (enter username password, MFA, consent and so on).
  • Ask the users for credentials directly in the application (the “resource owner password grant” in OAuth2/OIDC parlance).

Browser-based is the recommended approach. In this case, the application must use the device native browser (most platforms offer a good way to do this, even helping with session cookies to get SSO) and not a WebView. WebViews are controlled by the application themselves, and that makes it terribly insecure for users, especially when your application requests authentication from an independent identity provider, as nothing stops the application from doing things like eavesdropping what the user types or approving consent prompts without the user interaction. Some identity providers (like Google) explicitly don’t allow WebViews, and it will be more common in the future.

In the event of only doing database authentication (no social logins), there’s the ability to ask for credentials directly in the app (see this doc for a comparison between the browser-based approach and the “native” approach, as it is called in the document).

Now, the first recommendation with this approach is “don’t do it”, especially don’t in a new application:

It’s encourage to read Why the Resource Owner Password Credentials Grant Type is not Authentication nor Suitable for Modern Applications for an explanation of the possible threats.

If the decision is still to choose a native login experience, the next step would be to implement the Resource Owner Password Credentials flow in the application by making a request the /oauth/token (see the API docs) for authentication (the endpoint will give a token response in exchange for the user credentials). This will require to manually turn the “Password” grant type for the application because it’s not enabled by default. There’s a public signup endpoint as well, https://auth0.com/docs/api/authentication#signup, which is the same endpoint used by Lock and other native SDKs.


#2