当我单击电子邮件中的链接时如何在应用程序中路由

Question

我想通过电子邮件中的链接在 Application Android (Nativescript) 中打开我的组件，即单击此处重置密码

我在电子邮件中有这样的链接：

http://secsystem.domain.tk/v1/resetPassword/11E8FC9

因此，当我从移动浏览器单击链接时，我需要在组件 resetPassword 中启动应用程序。

我使用以下代码：

AndroidManifest.xml

        <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="http" android:host="secsystem.domain.tk" android:path="/v1/resetPassword"></data> 
        </intent-filter>

此代码仅在此 url 中有效：http://secsystem.domain.tk/v1/resetPassword

我想在这个网址工作：http://secsystem.domain.tk/v1/resetPassword/11E8FC9

在 routing.ts 我写了这段代码：

{ path: 'v1/resetPassword/:id', component: ResetPassIdComponent },

我想在点击链接时打开这个组件。

有什么解决办法吗？

Answer 1

当路径有动态参数时，你应该使用android:pathPattern。

示例

<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="http" android:host="secsystem.domain.tk" android:path="/v1/resetPassword/.*"></data> 
 </intent-filter>

到目前为止，这一切都是为了让 Android 明白，当这个特定的 URL 模式匹配时，它必须打开这个应用程序。 Angular 与这里无关。如果您想在使用此 URL 模式打开应用时导航到特定组件，则必须手动处理。

安装nativescript-urlhandler插件并在应用组件中查询用于打开应用的URL并相应地在您的路由器中启动导航。

import { Component, OnInit } from "@angular/core";
import { handleOpenURL, AppURL } from 'nativescript-urlhandler';

@Component({
  selector: "gr-main",
  template: "<page-router-outlet></page-router-outlet>"
})
export class AppComponent {
    constructor() {
    } 

    ngOnInit(){
        handleOpenURL((appURL: AppURL) => {
            console.log('Got the following appURL', appURL);
        });
     }
}