Using URL's to navigate in Ionic 2

Ionic Framework ionic-v3
21

Any update on this please?How to do url based navigation?

2 Likes
22

I am also looking for some examples on using URL based navigation for ionic 2. Any chance you can update the conference app to include this?

1 Like
23

@adrianteh Have you please managed to get deep linking working with push notifications? Thanks!

24

Can you please provide code sample for Ionic 2 App that works as PWA and show url also?I tried creating but url does not get changed.

Thanks in advance.

1 Like
25

Any update on this i have tried deep link but don’t think this is what i am looking for as this seems to be more focused on linking to parts of your app from external websites.

26

As long as you use the hash strategy this should allow navigation from a url at app start. If you do not use the hash strategy you will need a custom server to handle url redirection.

ngAfterViewInit() {
this.login.getUser().then(user => {
this.nav.setRoot(this.nav._linker.segments[0].name).catch(err =>{
this.nav.setRoot(HomePageComponent);
});
}).catch(err => {
this.nav.setRoot(HomePageComponent);
});
}

27

Hi, any update about it? thanks

28

any update? I’m building a PWA that must support pathlocation and not hashlocation.
Also, the ionic serve is displaying Cannot get /list with deeplink enabled.

29

HI! with the new post about using Ionic as Desktop the need for url parsing is a really important thing.
Do you have any example of to accomplish that?
Thanks!

1 Like
30

Does anyone knows if it is possible to use secondary routes with Deeplink? I created another topic that explains the challenge and would appreciate any help:

31

Any updates? Without secondary routes nothing to talk about scalable complex applications IMO.

32

@vtulin What do you use secondary routes for please? This sounds oddly like Ionic V1.

33

@FrancoisIonic For example to manage some entities:
/entity/:type - list of entites with type :type;
/entity/:type/:id - entity instance view;
/entity/:type/add - new entity instance;
…

34

I think I found the answers mostly!
Check out the huge comment in the source https://github.com/ionic-team/ionic/blob/master/src/navigation/ionic-page.ts
It’s very detailed! I don’t think I saw this information earlier somewhere.

2 Likes
35

Well it basically uses NavParams between pages, nothing too crazy about that.

But you’re right, this important feature lacks a lot of credit and explanation/tutorial somewhere :slight_smile:

 *   pushPage(detailInfo) {
 *     // Push an `id` to the `'detail-page'`
 *     this.navCtrl.push('detail-page', {
 *       'id': detailInfo.id
 *     })
 *   }
36

Although I completely agree that secondary routes are necessary, the examples you showed have nothing to do with it. Those are parametric routes. Look up for auxiliary routes in Angular (AKA secondary routes). The lack of those made us to give up on using Ionic on our project.

37

I just realize now that you simply can’t use Ionic on desktop, since it doesn’t have URL navigation capabilities.