React native OAuth2 redirect_uri: Invalid scheme

Question

recently I\'ve been learning about react native and I encountered a so farm unsolvable problem. I\'m trying to authenticate using gmail OAuth2 from my app, as a redirect paramet

Answer 1

From the docs, I see two problems with your URL :

1. The custom scheme must contain a period to be valid

Change myscheme to something like com.myapp.

2. Note the single "/" after the custom URI scheme, which is different from regular HTTP URLs

Change myscheme://oauth... to myscheme:/oauth...

After those correction, your URL should look like com.myapp.myscheme:/oauth... instead of myscheme://oauth...

Answer 2

I'm using AppAuth library to get the OAuth2 tokens. As per the Google's official document, this format has worked for me.

<your.app.application.id>:/oauth2callback

For example, if your app id is com.example.app, then in your AndroidManifest.xml

<activity android:name="net.openid.appauth.RedirectUriReceiverActivity">
        <intent-filter>
            <action android:name="android.intent.action.VIEW"/>
            <category android:name="android.intent.category.DEFAULT"/>
            <category android:name="android.intent.category.BROWSABLE"/>
            <data android:scheme="com.example.app" />
        </intent-filter>
</activity>

And the redirectUrl to be provided to AppAuth would look like this

private val redirectUrl = "com.example.app:/oauth2callback"

Hope this helps someone.