【技术实现步骤摘要】
本申请涉及计算机，尤其涉及一种应用更新方法、装置及电子设备。
技术介绍
1、随着响应式(react)、视图(vue)、规则(regular)等前端框架的持续演进和完善，单页应用(single page application，spa)在各类网页应用中逐渐占据核心地位。无论是常规的网页应用、超文本标记语言的第五个版本(hypertext markup language，html5)，还是应用内嵌页和小程序，都可见网络应用程序或网站的模型(single page application，spa)的身影。相较于传统的服务端渲染(server side rendering，ssr)页面，spa应用在开发效率、部署便捷性和用户体验方面均展现出显著优势。
2、然而，spa应用的特性也带来了一些挑战。由于其所有必要的资源代码(html、javascript和层叠样式表(cascading style sheets，css))都是在用户首次进入页面时加载，并且路由的切换完全由前端代码控制，不会触发页面的重新加载，这就导致了缓存问题的普遍存在。即，当用户在浏览器中打开spa应用并加载完资源后，浏览器会将javascript、css等资源缓存起来。当应用发布更新后，由于客户浏览器的缓存机制，用户看到的仍然是更新前的页面内容。
技术实现思路
1、本申请实施例提供一种应用更新方法、装置及电子设备，用于及时更新应用的最新状态，提升用户的使用体验。
2、第一方面，本申请实施例提供一种应
3、基于差异文件的文件扩展名和预配置的多用途互联网邮件扩展类型确认差异文件的文件类型；
4、基于文件类型对应的更新规则更新应用状态信息。
5、可选的，基于文件类型对应的更新规则更新应用状态信息后，方法还包括：
6、断开与sse的连接。
7、上述方法中，服务端通过sse可以主动地向客户端发送推送信息。而无需等待客户端的请求，实现主动及时地更新应用状态信息。当客户端响应于用户触发的客户端打开指令时打开时，客户端通过sse可以及时接收到来自服务端的推送信息，立即将应用更新反映在其本地缓存中。这样，页面上的内容就会保持最新状态，无需用户手动刷新或重新加载。使得用户第一时间获取最新的网页应用。同时，由于sse的实时性，用户可以几乎立即看到网页应用的最新状态，提升用户的使用体验。
8、可选的，文件目录包含在前端构建工具构建完成后向中间层发送的网络请求中。
9、上述方法中，通过前端构建工具构建完成后向中间层发送的网络请求中包含文件目录的方式，服务端的中间层可以及时确认是否出现应用更新。便于后续及时通过sse向客户端发送推送信息，使得客户端及时进行更新。
10、可选的，前端构建工具在对应的钩子函数下创建网络请求，通过网络请求通知服务端的后端构建完成，网络请求还包括构建状态、构建版本、构建时间、应用秘钥中的至少一种。
11、上述方法中，通过前端构建工具在对应的钩子函数下创建网络请求，通过网络请求通知服务端的后端构建完成的方式，可以实现实时反馈与监控，服务端可以实时了解到前端的构建状态，便于及时发现问题并进行处理。同时，通过前端构建工具自动触发网络请求，可以实现构建流程的自动化和集成。这减少了手动操作的繁琐性，提高了工作效率，同时减少了人为错误的可能性。
12、可选的，基于文件类型对应的更新规则更新应用状态信息，具体包括：
13、若文件类型为脚本语言js文件，创建script标签；
14、将script标签的src属性设置为js文件的文件路径；
15、使用appendchild方法将script标签添加到body元素中。
16、上述方法中，相较于现有技术中常见的通过刷新页面或重新打开浏览器来实现应用更新的方式，本申请通过采用创建script标签的方式进行无感知更新缓存。这种方式在用户体验上实现了显著提升，几乎不会对用户造成任何感知上的影响。通过创建script标签来加载新的代码或资源，浏览器能够在不中断用户当前操作的情况下，静默地完成应用的更新。这种方式避免了传统刷新或重新打开浏览器带来的页面重新加载、数据丢失等问题，从而确保了用户操作的连续性和流畅性。此外，无感知更新缓存还有助于减少用户的等待时间，提高应用的响应速度。因为浏览器在加载新代码或资源时，可以利用缓存机制，避免不必要的网络请求和数据传输，从而加快更新过程。
17、可选的，基于文件类型对应的更新规则更新应用状态信息，还包括：
18、若文件类型为层叠样式表css文件，创建link标签；
19、将link标签的href属性设置为css文件的文件路径；
20、使用appendchild方法将link标签添加到head元素中。
21、上述方法中，相较于现有技术中常见的通过刷新页面或重新打开浏览器来实现应用更新的方式，本申请通过采用创建link标签的方式进行无感知更新缓存。这种方式在用户体验上实现了显著提升，几乎不会对用户造成任何感知上的影响。通过创建link标签来加载新的代码或资源，浏览器能够在不中断用户当前操作的情况下，静默地完成应用的更新。这种方式避免了传统刷新或重新打开浏览器带来的页面重新加载、数据丢失等问题，从而确保了用户操作的连续性和流畅性。此外，无感知更新缓存还有助于减少用户的等待时间，提高应用的响应速度。因为浏览器在加载新代码或资源时，可以利用缓存机制，避免不必要的网络请求和数据传输，从而加快更新过程。
22、第二方面，本申请实施例提供一种应用更新方法。该方法中，服务端的中间层通过实时通信机制sse向客户端发送推送信息，其中，推送信息包括中间层通过比较来自服务端的前端构建工具的文件目录与中间层存储的历史文件目录确定的差异文件，以使客户端在检测到用户触发的客户端打开指令时，与实时通信机制sse建立连接后，基于差异文件的文件扩展名和预配置的多用途互联网邮件扩展类型确认差异文件的文件类型，基于文件类型对应的更新规则更新应用状态信息。
23、第三方面，本申请实施例提供一种应用更新装置，装置包括：
24、收发模块，用于检测到用户触发的客户端打开指令时，与实时通信机制sse建立连接，通过sse接收来自服务端的中间层的推送信息，推送信息包括中间层通过比较来自服务端的前端构建工具的文件目录与中间层存储的历史文件目录确定的差异文件；
25、处理模块，用于基于差异文件的文件扩展名和预配置的多用途互联网邮件扩展类型确认差异文件的文件类型；
26、处理模块，还用于基于文件类型对应的更新规则更本文档来自技高网...
【技术保护点】
1.一种应用更新方法，其特征在于，所述方法包括：
2.根据权利要求1所述的方法，其特征在于，所述基于所述文件类型对应的更新规则更新应用状态信息后，所述方法还包括：
3.根据权利要求1所述的方法，其特征在于，所述文件目录包含在所述前端构建工具构建完成后向所述中间层发送的网络请求中。
4.根据权利要求1或3所述的方法，其特征在于，所述前端构建工具在对应的钩子函数下创建网络请求，通过所述网络请求通知所述服务端的后端构建完成，所述网络请求还包括构建状态、构建版本、构建时间、应用秘钥中的至少一种。
5.根据权利要求1所述的方法，其特征在于，所述基于所述文件类型对应的更新规则更新应用状态信息，具体包括：
6.根据权利要求1所述的方法，其特征在于，所述基于所述文件类型对应的更新规则更新应用状态信息，还包括：
7.一种应用更新方法，其特征在于，所述方法包括：
8.一种应用更新装置，其特征在于，所述装置包括：
9.一种应用更新装置，其特征在于，所述装置包括：
10.一种电子设备，包括存储器，
11.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，所述计算机程序用于使所述计算机执行权利要求1-7中任一项所述的方法。
12.一种计算机程序产品，其特征在于，所述计算机程序产品在被计算机调用时，使得所述计算机执行如权利要求1-7中任一项所述的方法。
...【技术特征摘要】
1.一种应用更新方法，其特征在于，所述方法包括：
2.根据权利要求1所述的方法，其特征在于，所述基于所述文件类型对应的更新规则更新应用状态信息后，所述方法还包括：
3.根据权利要求1所述的方法，其特征在于，所述文件目录包含在所述前端构建工具构建完成后向所述中间层发送的网络请求中。
4.根据权利要求1或3所述的方法，其特征在于，所述前端构建工具在对应的钩子函数下创建网络请求，通过所述网络请求通知所述服务端的后端构建完成，所述网络请求还包括构建状态、构建版本、构建时间、应用秘钥中的至少一种。
5.根据权利要求1所述的方法，其特征在于，所述基于所述文件类型对应的更新规则更新应用状态信息，具体包括：
6.根据权利要求1所述的方法，其特征在于，所述基于所述文件...
【专利技术属性】
技术研发人员：徐硕，周磊萌，
申请(专利权)人：天翼安全科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。