如何在电子邮件验证后在移动应用程序内重定向用户,本机反应?

问题描述 投票:0回答:1

Description ::

我正在研究React本机应用。我的应用程序具有登录和注册页面。注册后,我将向用户发送电子邮件以验证帐户。用户将获得一个验证帐户的链接,单击该链接后,我会将用户重定向到验证他的网址。现在,如果他正在使用手机进行验证,我想在“我的应用”验证屏幕中重定向该用户。

使用react native如何完成?

重定向到电子邮件验证链接后,如何在“我的应用”中移动用户?

我正在使用Deep Link概念在应用内重定向用户。下面是我遵循的步骤:

对于Android ::

我已将此添加到AndroidManifest.xml文件中::

 <activity
    android:name=".MainActivity"
    android:launchMode="singleTask"
    android:label="@string/app_name"
    android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
    android:windowSoftInputMode="adjustResize">

并添加数据如下::

<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="http"
      android:host="myurl"
      android:pathPrefix="/verify-email"/>
</intent-filter>

此后,我已将此代码添加到我的app.js文件中::

componentDidMount() {
    console.log('hi');
    Linking.addEventListener('url', this._handleOpenURL);
}
componentWillUnmount() {
    Linking.removeEventListener('url', this._handleOpenURL);
}
_handleOpenURL(event) {
    console.log('url', event.url);

当我点击此URL“ http://myurl/verify-email/demo”时,控制台中没有任何数据,也没有打开我的应用程序。我在调试模式下运行我的应用。

react-native deep-linking
1个回答
© www.soinside.com 2019 - 2024. All rights reserved.