内容字号:默认大号超大号

段落设置:段首缩进取消段首缩进

字体设置:切换到微软雅黑切换到宋体

大带宽_佛山建设企业网站_哪家好

2021-07-20 02:20 出处:欧普曼云计算 人气: 评论(0

大家好。

在这篇博文中,我们将学习在谷歌Workbox的帮助下在SAPUI5应用程序中缓存文件(URL响应)的步骤,这将是一个进步的Web应用程序。

更多关于谷歌Workbox的信息可以在这里找到https://developers.google.com/web/tools/workbox。

可以添加到渐进式web应用程序可以在这里找到https://developer.mozilla.org/en-US/docs/Web/Progressive\u Web\u apps

本帖范围仅限于浏览器中服务人员api的使用。应用程序加载的文件在第一次加载时缓存在浏览器中。随后的请求被截获,文件从缓存返回。您可以在这里了解更多有关服务人员的信息https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorker。

我们将学习

如何使用Google Workbox提供的CacheFirst策略使用service worker cache(可以根据需要尝试各种策略)https://developers.google.com/web/tools/workbox/modules/workbox strategies#配置#策略).如何在每次部署新应用程序时删除旧缓存并创建新缓存(手动和自动)。这对使用sapwebide的SAPUI5开发人员非常有用https://developers.sap.com/tutorials/sapui5-webide-create-project.html创建SAPUI5应用程序。在这里,我创建了一个名为"sw cache"的SAPUI5应用程序。SAPUI5应用程序的结构如下所示

(图1-项目结构)

我们感兴趣的文件是索引.html我们将添加一个新文件软件js与…同级索引.html. 服务人员注册发生在索引.html并添加了初始化和配置软件js.

初始化服务人员索引.html通过添加下面的脚本。

在软件js文件中,我们定义了要缓存的路由模式,详细信息将与代码一起注释。我们可以基于文件类型或路由使用多个缓存,也可以只使用一个缓存。映射缓存的regex路由模式输入可以根据设计进行定制。

一旦我们运行上述应用程序,并打开调试器控制台(本例中为Google Chrome),我们可以看到为该应用程序创建的服务工作者缓存及其缓存的文件。下面使用屏幕截图对此进行了解释。(放大或打开新页签可看到更大的图像)

(图2-应用页签下的缓存存储中的jsCache)

(图3-应用页签下的缓存存储中的msgPropCache)

(图4-网络中的应用文件,好的云服务器,在使用Google Workbox for service worker cache之前)

当我们再次加载SAPUI5应用程序‘sw cache’并看到网络调用时,我们看到在cache配置中添加的文件类型是从cache加载的(路由被Google Workbox截取,从cache加载文件)。

(图5-网络中的应用程序文件,行业云,使用后)Workbox for service worker cache)

我们可以注意到加载文件的路由和总应用程序加载时间的不同。

*对于我们看到的一些错误messagebundle.properties属性,需要一个不同的缓存配置,因为它映射到sapui5的跨源路由。hana.ondemand.com. 我们可以在后面的文章和文章中看到相同的配置messagebundle.properties属性缓存暂时可以忽略。

假设我们已经发布了应用程序的新版本,现在需要在用户系统中更新缓存。

可以使用下面的代码中所示的"maxAgeSeconds"配置缓存过期时间,也可以删除旧缓存并创建新缓存。使用"maxAgeSeconds"的缓存过期给了我们更少的控制。当我们删除旧缓存并创建新缓存时,新/更新的文件将再次加载并指向新缓存。

在这里,我们为服务工作者添加了一个"激活"侦听器。在进行应用程序部署时,大数据用什么数据库,我们还向服务工作者文件添加更改(通过使用"cacheId"变量添加/更新"cacheName")。浏览器通过字节检查知道应用程序有一个新的服务工作者,然后它将安装并激活新的服务工作者。就在激活发生之前,我们清除旧缓存并将所有配置映射到新缓存。现在,所有文件都将缓存在新的缓存中,并从那里加载。

*在像SAP Web IDE这样的开发环境中,服务人员在开发过程中被激活,导致缓存出现问题。加载应用程序后,打开Google Chrome浏览器调试器,在"应用程序"选项卡的"服务人员"部分选中"重新加载时更新"。这是每次为通过sapwebide路由加载的应用程序重新安装service worker。每次激活服务工作者时,物联网的应用有哪些,我们都可以删除旧的"开发缓存"并再次创建新的缓存,如上图所示。如果在开发环境中禁用服务工作者,网站云服务器,这个问题也可以解决。

自动生成"cacheName"并在中更改它软件js文件。我们将在中为相同的添加一个Grunt任务Gruntfile.js文件. 这将更新中的"cacheId"软件js每一次部署构建都将有助于清除用户浏览器中的旧缓存包.json配置是

这总结了利用Google Workbox在SAPUI5应用中添加缓存并管理其生命周期的思想。

分享给小伙伴们:
本文标签: 带宽佛山建设企业网站哪家

相关文章

评论

发表评论愿您的每句评论,都能给大家的生活添色彩,带来共鸣,带来思索,带来快乐。

签名: 验证码: 点击我更换图片

评论列表