Ionic 2/Angular 2 Routing - Progressive Web App

Question

Я ищу в Интернете, чтобы найти решение для реализации маршрутизации URL в Ionic2, я не могу найти способ доступа к странице с помощью URL-адреса.

1. Был ли он реализован в Ionic 2?
2. Должен ли использоваться угловой 2-роутер? Работает ли он с Ionic 2?

Мне нужно, чтобы получить физический URL-адрес страницы в веб-приложении; чтобы иметь возможность делиться ею за пределами веб-приложения.

Спасибо,

Answer 1

1. Ионные 2 использует ворс Фил схему маршрутизации с его методами NavController (как push, pop, setRoot). И вам не нужно использовать для этого последовательность, как если бы вы использовали систему маршрутизации, например, для доступа к странице 2 мне нужно пройти страницы 0 и 1, вы можете просто push(NewPage), и она будет работать, поэтому она дает вам намного лучше контролировать ваши страницы приложений и как они взаимодействуют.

2. Я никогда не видел, чтобы кто-нибудь говорил об использовании этого. Если NavController использует маршрутизацию Angular 2 в фоновом режиме, я не знаю, будет искать это, но Ionic NavController прост в использовании и работает очень хорошо в большинстве случаев, единственный случай, когда он еще не поддерживает параметры передачи обратно в его метод pop(), для этого я использую модальный стиль и стиль, который полностью похож на обычную страницу. Вы также можете использовать setRoot вместо pop для передачи таких данных.

   this.navCtrl.setRoot(MyPage, this.Data); 
   

Для получения дополнительной информации обратитесь к ionic 2 documentation on navigation

Answer 2

Я думаю, что вы ищете сервис Ионного DeepLinker. Это не заменяет FILO/NavController, а обеспечивает способ определения и отображения определенных представлений на основе URL-адресов.

В вашем основном модуле оный:

imports: [ 
    IonicModule.forRoot(MyApp, {}, { 
     links: [ 
     { component: DetailPage, name: 'Detail', segment: 'detail/:userId' } 
    ] 
    }) 
] 

full documentation here.

Кроме того, если вы также отпустите свою PWA в AppStore/Play Store, вы можете использовать собственный плагин Ionic Deeplinks.