Ionic 4 Deeplink插件返回错误路由不匹配

Question

我正在ionic 4应用中实现Deeplink。应用程序启动，但deeplink插件总是返回false;

app.routing.ts:

{
path: 'viewdiary/:id/public',    
loadChildren: () => import('./pages/viewdiary/viewdiary.module').then( m => m.ViewdiaryPageModule)
},

app.compoent.ts:

setupDeepLink(){
this.deeplinks.route({
'/viewdiary/:id/public': 'viewdiary/:id/public'
}).subscribe((match)=>{
console.log('deeplink matched', match);
const internalPath = `${match.$route}/${match.$args['id']}/${match.$route}`;
console.log(internalPath);
this.zone.run(()=>{
this.general.goToPage(internalPath);
});
},
nomatch=>{
// nomatch.$link - the full link data
console.error("Got a deeplink that didn't match", nomatch);
})
};

我的公共日记页链接是'https://www.example.com/diary/12542/public';看起来像是路由问题，尝试了很多东西，更改了名称，但都不起作用。我不知道出了什么问题。

Answer 1

在Stackoverflow上的Another Answer的帮助下找到了如何实现它

import { Platform, NavController } from '@ionic/angular';
constructor(public navCtrl: NavController){}

this.deeplinks.routeWithNavController(this.nav, {
'/viewdiary/:diary/:id/:public': 'viewdiary'
}).subscribe((match) => {
console.log('success' + JSON.stringify(match));
}, (noMatch) => {          
console.log('error' + JSON.stringify(noMatch));
});

Answer 2

对我来说，这种方法也不起作用。因此，在我的应用程序中，我处理深度链接如下:

const {App}: { App: AppPlugin } = Plugins;
...
export class AppComponent {
private setupDeepLinks(): void {
App.addListener('appUrlOpen', (data: any) => {
this.ngZone.run(() => {
// Example url: https://my-domain.com/tabs/tab2
// slug = /tabs/tab2
const slug = data.url.split('my-domain.com').pop();
if (slug) {
this.router.navigateByUrl(slug);
}
});
});
}
}

如果需要，也可以在侦听器中实现自己的更复杂的逻辑