如何使用特定于URL的React Native打开应用

Question

我正在关注本教程：

https://medium.com/react-native-training/deep-linking-your-react-native-app-d87c39a1ad5e

但是当我在浏览器中键入以下URL时，我的应用程序却没有午餐：

peopleapp://people/0

我的manifest.xml：

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

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

    <application
      android:name=".MainApplication"
      android:label="@string/app_name"
      android:icon="@mipmap/ic_launcher"
      android:allowBackup="false"
      android:largeHeap="true"
      android:theme="@style/AppTheme"
      android:supportsRtl="false"
      android:screenOrientation="portrait"
      tools:replace="android:supportsRtl">
      <activity
        android:name=".MainActivity"
        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" />
        </intent-filter>

        <intent-filter android:label="filter_react_native">
            <action android:name="android.intent.action.VIEW" />
            <category android:name="android.intent.category.DEFAULT" />
            <category android:name="android.intent.category.BROWSABLE" />
            <data android:scheme="peopleapp" android:host="people" />
        </intent-filter>


      </activity>
      <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />

      <service android:name="io.invertase.firebase.messaging.RNFirebaseMessagingService">
          <intent-filter>
          <action android:name="com.google.firebase.MESSAGING_EVENT" />
          </intent-filter>
    </service>
    <service android:name="io.invertase.firebase.messaging.RNFirebaseInstanceIdService">
        <intent-filter>
        <action android:name="com.google.firebase.INSTANCE_ID_EVENT"/>
        </intent-filter>
    </service>


  <meta-data
    android:name="com.google.firebase.messaging.default_notification_channel_id"
    android:value="teamcide"/>


  <meta-data
     android:name="com.google.android.geo.API_KEY"
     android:value="AIzaSyDpiU78-****S6Lvllgqo"/>

    </application>

</manifest>

Answer 1

您可以使用以下代码在react native中打开特定的URL

const url = 'whatsapp://';
             Linking.canOpenURL(url).then(supported => {
                if (!supported) {
                    console.log('Can\'t handle url: ' + url);
         }else{
                    return Linking.openURL(url);
        }
         }).catch(err =>
         console.error('An error occurred', err));

或者您也可以查看this网址以获取更多信息

Answer 2

Android和深层链接有一个小问题，那就是将链接放在浏览器中是行不通的。您可以通过两种方式打开链接。

教程

在本教程中，它说明了有关在Android设备上打开它的内容：

  

就配置而言，这就是我们所需要的。为了测试一下   打开Android Studio。打开运行->编辑配置，然后更改   URL的启动选项，并传递以下URL：   peopleapp：// people / 1

Play商店中的应用

您可以使用以下应用打开深度链接https://play.google.com/store/apps/details?id=com.manoj.dlt

创建网页

您可以创建一个小型网页，其深层链接包含在href内

<a href="peopleapp://people/0">open people 0</a>

然后浏览至该页面并单击您的链接。