How can I open my React Native App from the browser?

Question

I would like to open my app from the browser.

example: I open a browser, type in: https://open.my.app, or app://www.example.com and have my app as an option come up.

I read about Deep Links and I am quite sure I set up my project properly, YET nothing happens when I either try to type and run: https://open.my.app, app://www.example.com

My AndroidManifest:

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.somemobileapp">

    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>

    <application
      android:name=".MainApplication"
      android:label="@string/app_name"
      android:icon="@mipmap/ic_launcher"
      android:allowBackup="false"
      android:theme="@style/AppTheme">
      <activity
        android:name=".MainActivity"
        android:launchMode="singleTask"
        android:label="@string/app_name"
        android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
        android:windowSoftInputMode="adjustResize">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
            <category android:name="android.intent.category.BROWSABLE" />
            <!-- Change these two in the future to a proper one -->
            <data android:scheme="https" android:host="www.example.com" />
            <data android:scheme="app" android:host="open.my.app" />
        </intent-filter>
      </activity>
      <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
    </application>

</manifest>

So even after this, it's not working.

This will help you : https://medium.com/react-native-training/deep-linking-your-react-native-app-d87c39a1ad5e — Jaimin Modi, Sep 20 '18 at 10:26

score 0 · Answer 1 · answered Feb 01 '21 at 10:34

I know it will sound strange but keeping the data tag on first worked for me

<intent-filter>
<!-- data on first -->
     <data android:scheme="http" android:host="abc.in"/>
        <action android:name="android.intent.action.MAIN" />
    <action android:name="android.intent.action.VIEW"/>
    <category android:name="android.intent.category.LAUNCHER" />
    <category android:name="android.intent.category.BROWSABLE"/>
    <category android:name="android.intent.category.DEFAULT"/>
</intent-filter>

How can I open my React Native App from the browser?

1 Answers1