创新互联Angular教程:Angular生产环境下的ServiceWorker

生产环境下的 Service Worker

本页讲的是如何使用 Angular Service Worker 发布和支持生产环境下的应用。它解释了 Angular Service Worker 如何满足大规模生产环境的需求、Service Worker 在多种条件下有哪些行为以及有哪些可用的资源和故障保护机制。

创新互联建站坚信:善待客户,将会成为终身客户。我们能坚持多年,是因为我们一直可值得信赖。我们从不忽悠初访客户,我们用心做好本职工作,不忘初心,方得始终。十余年网站建设经验创新互联建站是成都老牌网站营销服务商,为您提供成都网站制作、网站设计、网站设计、HTML5、网站制作、品牌网站建设、微信小程序服务,给众多知名企业提供过好品质的建站服务。

Service Worker 与应用资源的缓存

从概念上说,你可以把 Angular Service Worker 想象成一个转发式缓存或装在最终用户浏览器中的 CDN 边缘。Service Worker 的工作是从本地缓存中满足 Angular 应用对资源或数据的请求,而不用等待网络。和所有缓存一样,它有一些规则来决定内容该如何过期或更新。

应用的版本

在 Angular Service Worker 的语境下,“版本”是指用来表示 Angular 应用的某一次构建成果的一组资源。当应用的一个新的构建发布时,Service Worker 就把它看做此应用的一个新版本。就算只修改了一个文件,也同样如此。在任何一个给定的时间,Service Worker 可能会在它的缓存中拥有此应用的多个版本,这几个版本也都能用于提供服务。

要保持应用的整体性,Angular Service Worker 会用所有的文件共同组成一个版本。组成版本的这些文件通常包括 HTML、JS 和 CSS 文件。把这些文件分成一组是至关重要的,因为它们会互相引用,并且依赖于一些特定内容。比如,​index.html​ 文件可能有个引用 ​bundle.js​ 的 ​