时间戳

首页 > 解决方案 > IONIC4 Angular PWA 独立版不刷新

angular - IONIC4 Angular PWA 独立版不刷新

问题描述

我正在尝试使用 IONIC Angular (web) 创建 PWA。

该应用程序正在运行：https ://todo-ionic.thehangrycoder.now.sh

当我通过 Safari 在 iphone 上打开 url 时，它确实要求我添加到主屏幕。图标和闪屏也可以正常工作。到目前为止，一切都很好。

现在，当我进行更改并再次部署时。独立版本不会通知我刷新它。但是，当我在 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

该应用程序现在部署在： https ://github.com/fransyozef/todo-challenge/blob/master/frontend/ionic4/todo-app/now.json

我可以尝试任何建议吗？或者这里有什么我想念的？

标签： angularionic-frameworkionic4progressive-web-apps

解决方案

所以我有一个解决方法（至少用于检查版本号）。

我每隔 20 秒调用一次服务工作者 checkForUpdate() 方法。

https://github.com/fransyozef/todo-challenge/blob/25047e2add4ae1c570316a7c51ee6811d8b85bbf/frontend/ionic4/todo-app/src/app/app.component.ts#L42

这也将重新加载整个应用程序（并获取新的 api 数据）。但是当没有新的更新时，还是不会得到新的api数据。刚刚发现ios只是按原样保存了独立pwa应用程序的状态。

推荐阅读