问题标签 [angular-pwa]

问问题

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

130 问题
Newest
Active
Bountied
318
Unanswered
0 投票
1 回答
2051 浏览

angular - Angular PWA 不缓存服务器请求

我创建了一个站点，它也可以用作 Angular 8 的 PWA。我也将 Angular Universal 用于 SSR。它可以工作，也可以离线。问题是只有站点被缓存，而不是服务器请求。我将其添加dataGroups到 ngsw 设置中。

这些是我的ngsw-config.json

这是我的http 服务：

而且我确信服务器调用是正确的

我不明白为什么我对服务器的发布请求没有被缓存。

0 投票
2 回答
1016 浏览

angular - 向 Angular Service Worker 响应添加标头

来自服务人员的一些响应违反了 CSP，我可能需要添加此标头：

内容安全策略 = “连接源代码 *;”

对服务人员的所有回复，如此处 和此处所述。

如何使用 Angular PWA 将响应标头添加到服务人员响应？

0 投票
1 回答
1269 浏览

angular - Straup 上的 Angular CLI 服务工作者错误

我使用这些规格开始了新的 Angular 8 项目：

角度 PWA：

包.json

启动时控制台出现 2 个错误。我该如何解决？

获取脚本时收到错误的 HTTP 响应代码 (404)。service-worker.js.pre-build-optimizer.js:451

Service Worker 注册失败：TypeError：无法注册 ServiceWorker：获取脚本时收到错误的 HTTP 响应代码 (404)。

0 投票
0 回答
161 浏览

https - HTTPS 服务器上的 ERR_CERT_COMMON_NAME_INVALID 错误

我正在尝试在 https 上的本地计算机上托管一个角度应用程序，以便它可以从我的 iPad 访问。

我需要建立一个安全的 https 连接，但我遇到了ERR_CERT_COMMON_NAME_INVALID错误。

我已经创建了一个 SSL 证书并按照这篇文章使用它。

0 投票
1 回答
1416 浏览

angular - 服务工作者允许应用程序名称以角度 7 更改

我已将 PWA 添加到我现有的 Angular 应用程序中，之后浏览器允许使用提到的应用程序图标、名称、描述等将我的应用程序添加到主屏幕。问题是在将应用程序添加到主屏幕时，它允许用户更改应用程序我想限制的名称，因为 Myntra 和其他产品正在做。我附上了我的应用程序和 Myntra 的屏幕截图。提前致谢。

清单.json -

在此处输入图像描述在此处输入图像描述

0 投票
0 回答
337 浏览

asp.net-core - PWA ServiceWorker 不适用于 Asp.net core Spa 扩展

我用 angular 创建了一个示例项目 aspnet.core 2.1 webapplication 并添加了 pwang add @angular/pwa

然后创建了一个带有两个控制器的小应用程序进行测试。

现在，如果我在 spaextension 中使用 Angular 客户端运行应用程序，则 serviceworker 已注册并正在运行，但根本不会缓存资产或数据组。客户端是使用开发服务器生成的--prod，spaExtension但不会启动开发服务器，它会从“dist”文件夹加载文件。

如果我使用两个主机（后端localhost:5555, Angular Client localhost:5556）托管客户端和后端，它会按预期工作，应用程序、图像、字体并按api配置缓存。

我不知道为什么当客户端在同一主机上运行时它不起作用，但如果单独托管却可以工作。API 路由可能是错误的，但我尝试了所有可能的方法。资产没有路线，因此无论如何它应该可以工作。

在这里ngsw-config，但由于它在单独托管时有效，我认为问题不在这里。

0 投票
1 回答
278 浏览

desktop-application - 如何为桌面 PWA 打开其他应用程序窗口？

我正在开发 PWA。这是一个三部分的问题。

  1. 对于台式机，我想在安装应用程序后在新的应用程序窗口（非浏览器）中打开内容。有任何想法吗？

  2. 如果我可以打开一个新的应用程序窗口，那么我如何使它成为同一进程的一部分并与之共享数据？

  3. 或者，如果我不能使其成为同一过程的一部分，那么如何将数据输入到新窗口？

0 投票
1 回答
72 浏览

angular-service-worker - 如何查询 PWA 离线状态以通知用户

我尝试制作一个 Angular 8 PWA 应用程序。到目前为止一切顺利，缓存在静态资源和 API 的离线模式下工作。

但我想通知用户离线状态，让他们知道显示的信息（API）不一定是最新的。

我试图找到有关从角度查询服务人员的指南或文档，但一无所获。什么是最好的方法 - 如果有的话 - 知道 service worker 是否使用缓存？

谢谢。

0 投票
2 回答
7869 浏览

angular - 如何在滚动时隐藏 IOS Safari 地址栏？

我正在构建一个 PWA，发现很难在滚动时隐藏 IOS Safari 导航栏（地址栏），我尝试了所有可用的解决方案，但不幸的是，没有任何帮助。有什么方法可以隐藏 iPhone (IOS 7+) safari 滚动时的地址栏吗？

头文件.scss

页脚.scss

0 投票
1 回答
762 浏览

angular - Angular Service Worker 未在系统 IP 地址上运行

我在 Article = https://medium.com/@arjenbrandenburgh/angulars-pwa-swpush-and-swupdate-15a7e5c154ac的帮助下在我的应用程序中实现推送通知

我正在使用 Angular version7 并使用来自 '@angular/service-worker' 的 => SwPush 在我的应用程序中进行推送通知。

要运行应用程序并在我的应用程序中查看推送通知功能，我使用了 2 个命令：

  1. ng build --prod
  2. http-server -p4100 -c-1 dist/my-pwa-app

运行这两个命令后，应用程序显示： 在此处输入图像描述

当我打开http://localhost:4100或http://127.0.0.1:4100时，服务工作者正在运行并且推送通知正在运行。

但是当我在浏览器中打开http://172.16.0.201:4100时，应用程序中没有运行服务工作者 => 服务工作者


12345678910