代码之家 › 专栏 › 技术社区 › Sergey Rudenko

当用户使用Angular 5/Ionic 3PWA浏览器操作时会发生什么?

pwa progressive-web-apps ionic-framework angular

1

Sergey Rudenko · 技术社区 · 7 年前

当我们有一个本机/混合移动应用程序时,它通常归结为用户通过移动应用程序用户界面的操作来改变应用程序的状态。

当我们还没有把它作为一个完整的用户界面时,我们还没有把它作为一个用户界面来继承,但是我们现在还没有把它作为一个完整的用户界面来对待

用户可以更改/输入新的URL
用户可以后退/前进

因此,让我们假设以下内容:

我们有一个PWA,有几个懒加载页面:主页,aboutpage,
此示例没有登录身份验证等
主页: https://ourprogressivewebapp.com/#/home.page
我们的PWA的nav堆栈现在有rootPage=homepage

给出上述“状态”的问题:

https://ourprogressivewebapp.com/#/home.page )
https://ourprogressivewebapp.com/#/about.page
最后一个,现在用户点击了userpage,它也被“推”到 https://ourprogressivewebapp.com/#/user.page 如果此用户将在其浏览器中开始按“后退”键,则会发生这种情况? “脱离堆栈”或者在这个场景中从应用程序的状态到底发生了什么观点?

1 回复 | 直到 7 年前

1

Anand 7 年前

在前提条件下,即使添加到主屏幕后,也可以按back和refresh。在iOS和一些Android系统中,可以使用“Androids后退按钮”或手势滑动来执行后退。下拉页面将刷新页面。由于地址栏不可见,因此无法编辑URL。

在所有布线条件下,这与PWA无关。这完全取决于角度路由是如何实现的,其行为与非PWA应用程序相同。我们在dev中有Angular应用程序,其中不使用PWA模式(Angular 6+中的默认行为)和prod build中的PWA模式。路由和刷新在这两种模式下都是一样的,并且工作方式与我们的路由编码方式相同。