问题标签 [pwa]

我用 @angular/pwa 在 angular6 中开发了一个 PWA 应用程序，它工作得非常好。如果应用程序中有任何更新，我还试图在用户打开应用程序时通知用户更新 PWA 应用程序。我浏览了不同的文章和博客，找到了这篇文章，但它不适用于 angular6。我无法添加任何事件监听器，因为服务人员是自动创建的。请帮我解决这个问题。谢谢！

是否可以在同一端点下托管多个 PWA。比如说，我在 root 下有三个不同的 PWA，然后 root 应该以这样的方式托管这 3 个 PWA，即当我通过链接或菜单切换到任何其他应用程序时，它不应该在不同的窗口中打开。目前，每当我点击不同的应用程序时，它都会在不同的窗口中作为网络应用程序打开。

谢谢，拉胡尔

我在我的 sw.js 文件中尝试了以下代码，但它没有将更新的响应存储在缓存中。它在在线时显示更新的响应。但是当我下线时，它返回的响应与我第一次访问时相同。

我遵循以下参考 https://developers.google.com/web/ilt/pwa/caching-files-with-service-worker

因此，我为自己编写了一种方法来显示弹出式鼓励以将应用程序添加到 iOS 上的主屏幕以进行 PWA。好的，用户做到了，当他点击应用程序时一切都很好。但是，当他返回网站时，我想检查该应用程序是否已添加到主屏幕。到目前为止，我只发现了这个：https ://stackoverflow.com/a/39986409/6470918 这表明基本上这是不可能的。这种情况在过去两年有变化吗？

先感谢您，

格热戈日

当前行为

我做到了ng add @angular/pwa，我在生产构建中遇到了这个错误

我做了一些研究，发现 /ngsw.json?ngsw-cache-bust=0.08769372894975769GET 请求存在问题。虽然 fetchLatestManifest 返回 200 状态码，但响应实际上不是 JSON ，而是它的无脚本版本index.html

您可以看到响应状态为 200/ngsw.json?ngsw-cache-bust=0.08769372894975769

但实际响应不是所需的 JSON

我尝试在 chrome Actual ``` 中复制作为 fetch 选项

``` 我?ngsw-cache-bust=0.7927584506157848从 fetch 的 URL 部分中删除了，我可以看到响应是 JSON。

编辑了```

``` 这样你现在就可以看到 ngsw.json 的内容了

我怀疑它必须在这个函数中处理？ https://github.com/angular/angular/blob/0b4d85e9f19246af68a75140afc4db3d97f9ddfd/packages/service-worker/worker/src/driver.ts#L645

环境

角度版本：6.0.0

浏览器：- [x] Chrome（桌面）版本 67

我们正在体验一个带有服务工作者的 pwa 应用程序以及围绕这个主题的所有内容。

我对缓存有疑问。信息当前在离线时被缓存和访问。当我们谈论Android时，这很有效。在 IOS 中，当我们将应用程序添加到主屏幕（已安装）时，似乎没有共享缓存。IOS似乎为在Safari中访问的应用程序和已安装的应用程序保留了一个缓存（我说的是同一个应用程序）。在 android 中，似乎在 chrome 中安装和访问的版本共享相同的缓存。

在IOS中添加主屏幕后，我被迫在线登录以生成已安装的应用程序缓存。

关于IOS你想知道你是否已经经历过这个吗？保存这些数据的最佳方式是什么，以便在 Safari 中访问的应用程序和已安装的版本中共享相同的缓存。

最近我探索了使用 Gatsby.js 创建一个 PWA。我打算拥有

1. 主页
2. 产品列表页面
3. 产品展示页面

我可以很容易地做一个主页，因为这个页面的内容几乎是静态的。

我有左侧有过滤器的产品列表页面。一旦我选择了过滤器，过滤后的产品列表将通过点击 shopify API 来显示。我觉得 Gatsby 使用他们的 GraphQL 层无法做到这一点，因为它在构建时获取数据并且它不能处理实时数据。所以我相信我应该只从 React 获取数据并从那里管理应用程序。同样，我有一个很难构建的分页，因为每次进入下一页时它都必须提出请求。

我的问题是我们如何以最佳方式思考使用 gatsby 构建这类应用程序。

这是该站点（https://oninross.github.io/not-hotdog-pwa/），您可以在 Chrome 浏览器上查看它，它将执行离线缓存位。我在移动 Chrome 浏览器中查看了相同的链接，但它没有进行离线缓存位。没有 A2HS 提示。

我已经从以前有效的项目中复制了我的 SW 和 JS。现在它没有。任何想法为什么？

sw.js

main.js

清单.json

当我更新dist/ folder(ng build --prod --service-worker)并重新启动nginx时。
我回到我的网站（fctoernooi.nl），它不会加载，给出错误：Failed to load resource: the server responded with a status of 404 ().....js。
我创建了新的 js 文件，所以这看起来很明显。
看起来服务人员没有看到有更新。我是否错过或忘记了 service-worker-configuration 中的某些内容？

有人可以帮忙吗？更新 Angular 网站时，我找不到太多关于问题的信息。

我对注册服务人员有疑问。

当我运行我的服务人员localhost来测试他时，我看到了这个错误：

这是我的服务工作者注册代码 - app.js 文件中的所有这些代码：

我的 service-worker.js 文件在我的根文件夹中！

我仔细链接了所有文件。