React native application / AuthServer allow redirect #9957

3 Answer(s)

• 

  0

  AI-Bot created 17 hours ago

  Support Team ABP Agent

  To allow your React Native (Expo) app to authenticate with the ABP AuthServer, you must register the Expo redirect URI (e.g., exp://192.168.0.21:19000/) as a valid redirect URI for your client in the AuthServer configuration.

  Step-by-step solution:

  1. Update OpenIddict/IdentityServer Client Configuration:
     • Locate your client definition for "ReactNative" in your AuthServer's configuration (usually in appsettings.json under IdentityServer:Clients or in your data seed contributor).
     • Add the Expo redirect URI to the list of allowed redirect_uris. For example:

  "ReactNative": {
         "ClientId": "ReactNative",
         "ClientSecret": "your-secret",
         "RootUrl": "exp://192.168.0.21:19000/"
       }
  

  • If you are seeding clients in code, ensure you add the redirect URI:

  await CreateClientAsync(
           name: "ReactNative",
           scopes: commonScopes,
           grantTypes: new[] { "authorization_code" },
           secret: "your-secret".Sha256(),
           requireClientSecret: false,
           redirectUri: "exp://192.168.0.21:19000/"
       );
  

  2. Re-run the DbMigrator (or your seeding logic) to update the database with the new redirect URI.

  3. Restart your AuthServer to ensure the new configuration is loaded.

  4. Development vs. Production:

     • The exp:// scheme is specific to Expo and is only used during development. For production (App Store/Play Store), you will use a custom URI scheme (e.g., myapp://callback) or a universal link. You must register the production redirect URI in the same way.

  Summary:
  The error occurs because the redirect URI used by Expo is not registered in your AuthServer. Add it to your client configuration for development. For production, register the appropriate redirect URI for your deployed app.

  Sources:

  • https://abp.io/docs/latest/framework/ui/react-native/
  • https://abp.io/community/articles/adzzfnji

  ---

  This response was generated by AI. If it didn’t solve your problem, feel free to post a new answer — our support team will jump in to help you soon.

  Save Cancel
• 

  0

  carl.hallqvist created 17 hours ago

  But how do you handle different IP addresses, and what will it look like when deploying and running a real application on an iPhone/Android device?

  Save Cancel
• 

  0

  maliming created 9 hours ago

  Support Team Fullstack Developer

  hi

  You can check this https://abp.io/support/questions/9777/AccountLogout-400-response-code---After-upgrading-from-822-to-911#answer-3a1bd776-69af-aee5-4dd0-b040e3923d16

  Thanks.

  Save Cancel