可重新参与

mubassirameheja

如果您有现有的 Internet 连接，这也有优势：通常，从本地缓存访问内容比通过网络访问要快得多。因此，渐进式网络应用程序启动速度特别快。 图 3 - 可以在“应用程序 | Chrome 开发者工具”部分查看 Service Worker 的缓存内容待检查的缓存 Service Worker 的缓存内容可以在应用程序中的 Chrome 开发者工具中查看 |待检查的缓存 为了让开发人员不必担心自己缓存源文件，Angular 团队提供了 Service Worker 实现。通过从一开始执行控制台命令就已经准备好了项目的支持。但是，为了避免在开发过程中由于从缓存交付较旧的应用程序版本而可能出现的问题，服务工作线程仅包含在应用程序的生产构建中。它们是使用 ng build –prod 命令创建的。然后可以将该生产版本上传到任何服务器。


除了应用程序源文件的离线功能之外，“连接独立”属性还强调了第二个方面：结构化 瑞士 电话号码 用户数据（例如客户或项目记录）也应该可以离线使用。现代网络也有针对此问题的解决方案 - 特别是本地浏览器数据库IndexedDB。数据集可以存储在这里并根据需要进行修改，即使在离线模式下也是如此。一旦互联网连接恢复，本地客户端数据库的记录就可以与远程服务器同步——就像本机应用程序一样。然而，这意味着开发人员现在必须考虑数据同步、冲突处理和数据库迁移等复杂问题。然而，像PouchDB这样的库可以帮助简化这些操作。 新鲜的 如果应用程序的源文件存储在本地缓存中，那么就会出现当应用程序的新版本推出时会发生什么的问题。下次访问 PWA 时，将首先加载缓存中存储的版本。




Angular 的 Service Worker 实现会在每次应用程序启动时（只要有互联网连接）检查服务器上是否已部署新版本。如果是这种情况，则会自动下载该版本并将其存储在本地缓存中。下次启动应用程序时，将加载新版本。 为了通知用户新应用程序版本的可用性，Angular 中提供了SwUpdate服务。当更新可用时，会调用其可观察的可用值。要运行新版本，您只需重新加载应用程序一次 服务的使用示例 Angular 提供的 Service Worker 实现减轻了开发人员的大量工作，但只允许有限的配置选项。如果您需要对 Service Worker 进行更多控制，您也可以自己编写脚本 - 例如使用Google 的Workbox库。 可重新参与 Service Worker 不仅可以影响 HTTP 通信，还可以在实际网站的生命周期之外运行。