我正在尝试使用IONIC Angular(web)创建一个PWA。
应用程序正在运行:https://todo-ionic.thehangrycoder.now.sh
当我通过Safari在iPhone上打开网址时,它确实要求我添加到主屏幕。 图标和初始屏幕也正常工作。目前为止,一切都好。
现在,当我进行更改并再次部署时。独立版本不会通知我刷新它。 但是当我在 safari 中打开同一 iPhone 设备上的 url 时,它确实要求我刷新应用程序。
此外,当应用程序在移动浏览器中启动时,它将执行 api 请求以获取数据 (https://todo.thehangrycoder.now.sh/todo/)。 但是当我打开独立应用程序时,它似乎不执行 api 请求。
这是我的 nsgw 配置: https://github.com/fransyozef/todo-challenge/blob/master/frontend/ionic4/todo-app/src/ngsw-config.json
和我的清单: https://github.com/fransyozef/todo-challenge/blob/master/frontend/ionic4/todo-app/src/manifest.json
应用程序部署在 NOW 上: https://github.com/fransyozef/todo-challenge/blob/master/frontend/ionic4/todo-app/now.json
有什么建议我可以尝试吗?还是我错过了什么?
所以我得到了一个解决方法(至少用于检查版本号)。
我做了一个 20 秒的间隔来调用服务工人 checkForUpdate() 方法。
https://github.com/fransyozef/todo-challenge/blob/25047e2add4ae1c570316a7c51ee6811d8b85bbf/frontend/ionic4/todo-app/src/app/app.component.ts#L42
这还将重新加载整个应用程序(并获取新的 api 数据)。但是当没有新的更新时,它仍然不会获得新的 api 数据。刚刚发现ios只是按原样保存独立pwa应用程序的状态。