繁体   English   中英

如何在 Ngsw 中处理自定义代码 - 在 Fetch 事件中

How to handle custom code in Ngsw - in Fetch event

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我在 angular.js 应用程序中实现了 Service Worker,我们在self.addEventListener('fetch', function (event)编写了一些自定义代码。现在我打算将应用程序迁移到 angular,我发现在 angular 中我们有将执行所有配置和缓存清理的特殊插件。 "@angular/service-worker": "~10.0.6", .

现在我很难在 fetch 事件中实现自定义代码以集成到 angular 版本中。 有什么方法可以让我们将 fetch 方法覆盖到组件中并从那里执行操作。

1 个回复

根据您的消息,这些步骤是使用angular-cli@10.0.6完成的。

编辑服务工作者文件。

  • 打开文件<project_name>/node_modules/@angular/service-worker/ngsw-worker.js
  • 搜索handleFetch function第 1121 行。
  • 编辑根据您的要求调整该功能。 查看handleFetchWithFreshnesshandleFetchWithPerformance作为示例。
  • 保存

补丁文件

  • 使用patch-package保存补丁。 npx patch-package @angular/service-worker
  • 进行提交。
  • postinstall script添加到package.json
"scripts": {
 "postinstall": "patch-package"
}
  • 添加patch-package包包npm install --save-dev patch-package

测试服务人员

  • ng构建。
  • 启动一个 dist 文件服务器。
  • 它应该有效。
1 在自定义cmdlet代码中处理Powershell事件

我试图通过使用事件优雅地停止远程Powershell作业。 有一些使用powershell cmdlet做到这一点的好例子(例如this )。 但是我不知道如何在C#代码中通过自定义cmdlet进行相同的操作。 我的解决方案如下所示: 调用CustomCmdlet作为远程 ...

2 如何在ActionScript 3中处理自定义事件?

我已经创建了一个事件处理程序/监听器,如下所示: 使用以下方法收听事件: 通过以下方式调度事件: 并通过以下方式接收数据: 但是我得到了错误: 通过静态类型为flash.events:Event的引用访问可能未定义的属性数据。 ...

4 如何在XtraGrid控件中处理自定义事件

我正在尝试解决winforms应用程序中DevExpress XtraGrid的问题。 我创建了一个自定义的RepositoryItemButtonEdit控件,并且在使用它的XtraGrid中有一个未绑定的列。 此控件是一个自定义搜索字段,它在完成搜索后会引发事件。 我想做的是向运行 ...

5 如何在Meteor中处理自定义jQuery事件?

在Metor 0.3.5中,当所有事件都是jQuery事件时,我能够使用jQuery UI Draggable ,然后使用Metor 事件映射处理drag & dragstop事件 : 但我刚刚在Meteor邮件列表中看到了这个: 在0.3.6中,事件映射不再依赖于jQuery ...

6 如何在Wordpress中添加自定义处理代码?

我的问题看似微不足道,但是我对Wordpress中的此类事物并不陌生。 我已经创建了cformsII,我需要手动处理它以发送邮件,这很简单,然后我需要使用一些数据重定向到支付网关。 如何将这样的处理页面添加到wordpress中? 它与“模块”或“扩展”有关吗? 顺便说一 ...

7 在 React 中处理自定义事件

我正在使用 react 创建联系人列表。 我在home.js获取数据,然后将数据作为 prop 发送到名为contactList.js的组件。 在contactList.js我有数据和一些按钮来执行编辑和删除等操作。 每当我单击删除时,它都会从服务器中删除数据,但 DOM 没有更新。 我想在删除某 ...

8 在 Webview Renderer 中处理自定义事件

我正在尝试处理来自自定义 webview 的事件,但该事件根本没有被触发,我会在这里放一些代码 在我的 PCL 项目 CustomWebview.cs 中 在我的 Android 项目 CustomWebviewAndroid.cs 中 在我的 Android 项目 CustomWebvie ...

9 如何在代码库中处理许多不同的自定义?

我们创建了一个用于SaaS业务的Web应用程序。 简单的定制可以通过CSS覆盖甚至简单的插件来完成。 但是,我们有许多具有“企业”定制需求的更大的“企业”客户。 这些自定义包括对UI的更改,新屏幕,不同的屏幕流,不同的后端,永远不会进入主应用程序的新功能,将来可能会进入主应用程序的新功 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM