当前位置: 首页 > 知识库问答 >
问题:

定制@angular/服务人员

养聪
2023-03-14

如何自定义@角/服务工作者?我知道在npm_modules文件夹内修改是不合适的。我遇到了一个教程,作者创建了一个额外的2 js文件。其中一个文件包含服务工作人员代码,而另一个文件包含导入ngsw-worker.js文件和自定义服务工作人员文件的“导入脚本()”。它工作正常,自定义服务辅助角色监听安装事件,但是当涉及到读取事件时,它不会通过这个读取事件监听器。我没有得到这个函数里面的控制台。我不知道为什么会这样。有人知道实现这一目标的原因或任何其他解决方案吗?

这是我遵循的教程的链接,教程

共有1个答案

邢勇
2023-03-14

这个答案可能有点晚了,但可能仍然有用。与修改angular生成的Service Worker(SW)不同,您可以让它处理与缓存和脱机支持(现成的)相关的所有事情,并创建一个新的Service Worker来处理您需要的其他任务。这里有一个非常好的示例,其中创建了第二个服务来处理推送通知:使用firestore推送通知。

您可以使用此示例创建自己的软件。

希望有帮助;)

 类似资料:
  • 我正在构建一个PWA应用程序,因此我: 像往常一样创建一个新的Angular应用(CLI 9.1.8); 根据文档(https://angular.io/guide/service-worker-getting-started)添加了PWA支持; 用; 将其复制到配置为服务静态网站的S3存储桶; 在Chrome成功地浏览了它。 问题是: 事件永远不会被触发; 开发者工具- 另一方面,如果我在本地服

  • 我对在我的PWA中添加一个可以缓存我所有文件的服务人员非常谨慎。我尝试实现一个系统,该系统将始终调用服务器以获取“版本”文件,这样当“版本”文件更新时,缓存将被清除。 然而,有些东西不能正常工作,现在客户端不再调用服务器,因为它们拥有所需的文件。这是完美的离线使用!但是这些客户端将永远不会再次调用服务器,因此当我更新站点以修复问题(我已经完成了)时,他们不会得到更新! 有什么建议可以让我再次和那些

  • 在这一步中,我们会改进我们APP获取数据的方式。 请重置工作目录: git checkout -f step-11 对我们应用所做的最后一个改进就是定义一个代表RESTful客户端的定制服务。有了这个客户端我们可以用一种更简单的方式来发送XHR请求,而不用去关心更底层的$http服务(API、HTTP方法和URL)。 步骤9和步骤10之间最重要的不同在下面列出。你可以在GitHub里看到完整的差别

  • 我有一个用于缓存图像的服务人员,这个服务人员只在前端模板中注册,但它仍会不断扩展到我的管理模板中。 这导致我的表单在验证令牌受到影响时表现得不可预测。 用一些安慰。日志我认为安装事件是在进入请求页面之前触发的,但我无法确定当前/下一个URL。 如何防止服务人员扩散到管理面板并干扰页面?我只想缓存资产。 就相关而言,这是我的服务人员:

  • 我在这个链接的页面中实现的service worker演示有一些问题。我试着为这个演示尽可能地减少代码,但是粘贴到这里太长了。 一个问题是,当页面完全加载时,我转到Chrome devtools的“应用程序”选项卡,我在缓存中看到了很多内容: 不清楚为什么有这么多缓存...可能是我正在加载的字体,但仍然...似乎很大。 更令人担忧的是,当我单击该部分中的按钮(所有选项均已打勾)时,饼图中红色的部分

  • 我很难让我的angular5服务人员工作。我有两个主要问题: 服务工作者不缓存用作背景图像的资产图像 在模拟网络断开连接后,服务工作人员最初从缓存中提取文件(除了前面提到的非缓存文件),但在第二次刷新后,它会遇到错误。 下面是我的问题的更详细的报告。您可以通过克隆我所做的回购来强调这个问题。 我创建了带有--service-Worker标记的应用程序。然后我确保了Angular留档中列出的5个步骤