问题标签 [angular-service-worker]

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.

0 投票
5 回答
3845 浏览

angular - 角度 6 pwa 不起作用

我做了一个简单的

第一个观察:我没有看到在 package.json 或任何模块条目等中使用它安装的服务工作者是一个错误吗?

我继续前进并使用

这增加了服务工作者。但是,在运行它时,我在控制台中看到错误:

mnifest.json

我验证了该文件确实存在于 src/ 位置且内容非空。我暂时保留了这些默认设置。

0 投票
1 回答
4921 浏览

angular - 带有 Angular 4 的 Chrome 中的 PWA 添加到主屏幕按钮

我已经开始使用 Workbox3 开发 PWA。到目前为止,它的效果非常惊人。我已将代码添加到“添加到主屏幕”按钮,以便用户可以将其添加到移动设备的主屏幕。但是在主屏幕上添加图标的提示框只显示一次。一旦我将该图标添加到主屏幕,然后如果我将其删除并再次尝试相同,则它不会显示任何内容。

我正在从 Chrome 的 DevTool->Application->Mainfest sectoin->Add to Home Screen 签入 Desktop chrome。我的Service Worker安装正确并且工作正常。

它没有显示任何错误,没有任何控制台。所以我无法追踪问题所在。

这是我到目前为止为添加到主屏幕所做的代码。我在页脚添加了这个按钮。

它只显示beforeinstallprompt 事件只触发了这个控制台一次。如果我再试一次,它什么也没显示。

0 投票
1 回答
589 浏览

angular - Angular ServiceWorker:缓存多个 HTTP 请求

我尝试在我的服务人员中缓存 http 请求。但我只能将最后一个请求缓存到特定的 URL。

据我了解,它应该缓存最后 100 个响应(maxSize:100)。Http-Request 始终具有相同的 URL(例如:./player/example),并且所有请求的 Http-Header 都不同。

这是我的ngsw-conf

0 投票
1 回答
1629 浏览

angular - 服务工作者如何与子域一起工作?

我正在使用 Angular 6 和 ngsw-config.json 进行服务工作者配置,但我不知道它如何与子域一起使用。

据我了解

  1. 用户登陆example.com
  2. service worker 注册为example.com
  3. abc.example.comxyz.example.com会发生什么?

应该如何缓存所有子域的 assetsGroups 和 dataGroups ?

这是我当前的 ngsw-config.json

0 投票
2 回答
1838 浏览

angular - Angular Service Worker 不缓存发布请求

有谁知道角度服务工作者是否没有缓存发布请求?我使用@angular 5.2.5 将它集成到我的应用程序中,它缓存了一些请求,但其中一些是帖子,而那些他不缓存的请求,即使它们与我指定的 urls 模式匹配。这是我的 ngsw-config.json

这只是为了测试而添加的,因为 /views 没有被缓存,而且那是一个发布请求,我尝试添加通配符以匹配模式,但没有成功"/api/*", "/api/**/*", "/api/**/**/*", "/api/**/**/**/*"

我在使用 chrome 进行生产构建时测试我的网站时遇到问题,因为对于我们的内部生产环境,我们使用的是自签名证书,有人知道解决方法吗?我尝试了这个响应 ,但 chrome 仍然显示错误并且服务人员没有运行

0 投票
0 回答
115 浏览

javascript - 在 Android 上离线运行 Service Worker 上的任务

我正在 AngularJS 上开发 PWA。我也在使用服务人员来离线工作。我在 service worker 上实现了一个名为 alarm() 的方法,它有一个 setTimeout 函数,它以设定的时间间隔显示通知。我的问题是这在桌面上运行良好,当我连接我的 Android 手机并使用 Chrome 远程设备在 Android 手机上运行它时也是如此。它在桌面浏览器上运行良好并显示通知,但当我从 HTTPS 源访问该站点时,它在手机上不起作用。

serviceWorker.js

同步:

报警功能:

谢谢你。

0 投票
1 回答
604 浏览

angular - 为什么灯塔插件无法识别 Angular 6 应用程序中的服务工作者?

我使用 Angular 6 CLI 在应用程序中生成和注册服务工作者,当我手动启用离线模式时,服务工作者工作是正确的,但是当我尝试使用灯塔进行审计时,它告诉我服务人员未注册。

在此处输入图像描述

0 投票
1 回答
1747 浏览

angular - Service Worker 仅适用于外部图像

我面临着服务人员的一个奇怪问题。我需要从外部服务器加载图像,所以我使用 ngsw-config.json 的以下配置

当我第一次加载图像时,它需要一些时间来加载,然后如果我刷新页面,它将从服务人员加载图像,如下图所示。

图1

但是,如果我使浏览器脱机,它不会从服务工作者加载图像,尽管它正在从资产文件夹加载图像,如下图所示

图2

甚至 API 数据也被正确缓存

我也尝试在assetGroups中添加图片网址,但没有成功。

我正在研究基于 Angular5 的 PWA。我不确定问题是否与浏览器的服务人员或它的角度实现有关。

任何帮助,将不胜感激。

0 投票
2 回答
1303 浏览

service-worker - angular 6 pwa 根本不适用于服务人员

我做了一个简单的

这将创建一个空白应用程序。我希望它默认添加服务工作者和配置。但是它不会发生。运行基于 chrome 的 Web 服务器并运行 lightroom 审核显示错误

“不注册服务人员”

我不确定问题出在哪里。

请建议

截图 https://www.dropbox.com/s/0ux16n4i4u4h3gt/Screen%20Shot%202018-05-29%20at%209.51.01%20PM.png?dl=0

0 投票
1 回答
452 浏览

angular - 添加到屏幕不显示

角度应用程序中 manifest.json 中的 start_url 应该是什么。

应该是“/”还是“。” 或“/index.html”,我需要为服务人员收听“beforeinstallprompt”事件吗?或任何其他,如果我错过任何东西。提前致谢!