Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Ionic 4 Deeplink plugin return false route not matched

I am Implementing Deeplink in ionic 4 application. Application in getting launched but deeplink plugin always returns 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);
    })
  };

My Public diary Page link is 'https://www.example.com/diary/12542/public'; it looks like a routing issue tried many thing changes names but nothing works. I am clueless what going wrong.

like image 371
Najam Us Saqib Avatar asked Feb 05 '21 18:02

Najam Us Saqib


1 Answers

Figured out how to achieve it with the help of Another Answer on Stackoverflow

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));
  });
like image 185
Najam Us Saqib Avatar answered Nov 13 '22 22:11

Najam Us Saqib