[发明专利]一种基于网页的伴随式场景小组件更新方法及系统

说明书

本发明提供了网页开发技术领域的一种基于网页的伴随式场景小组件更新方法及系统，方法包括如下步骤：步骤S10、创建一网页业务场景，通过Wi dget SDK匹配所述网页业务场景的小组件并生成JSON配置数据；步骤S20、Serv i ce Worker解析并展示所述JSON配置数据；步骤S30、Serv i ce Worker调用Wi dget SDK对所述JSON配置数据执行场景检测程序，进而动态渲染所述小组件；步骤S40、Serv i ce Worker将Wi dget SDK的wi dget_sdk.js注入目标网页；步骤S50、浏览器在加载所述目标网页后自动运行wi dget_sdk.js，以对所述小组件进行挂载渲染；步骤S60、将Serv i ce Work er提交审核，在审核通过后，通过修改所述小组件以及wi dget_sdk.js的源代码来对小组件进行更新。本发明的优点在于：极大的提升了网页开发效率。

技术领域

本发明涉及网页开发技术领域，特别指一种基于网页的伴随式场景小组件更新方法及系统。

背景技术

网页在开发完成之后，随着功能的更新迭代以及用户需求的改变，需要对网页进行相应的更新，当网页是基于某款浏览器进行开发的时候，每次更新都需要提交审核，且无法实现小组件的实时渲染，严重影响网页开发效率。例如基于Chrome浏览器的插件开发技术，对目标网页进行解析和注入自定义U I样式时，由于Goog l e公司对网页权限和JavaScr i pt脚本执行环境进行了限制，开发者仅能在Goog l e限定的权限范围内进行网页开发，并且开发者每次更新网页都必须提交Goog l e公司审核，审核通过后才可以发布到Chrome Web商店以触达网络用户。

因此，如何提供一种基于网页的伴随式场景小组件更新方法及系统，实现提升网页开发效率，成为一个亟待解决的技术问题。

发明内容

本发明要解决的技术问题，在于提供一种基于网页的伴随式场景小组件更新方法及系统，实现提升网页开发效率。

第一方面，本发明提供了一种基于网页的伴随式场景小组件更新方法，包括如下步骤：

步骤S10、创建一网页业务场景，通过Wi dget SDK匹配所述网页业务场景的小组件并生成JSON配置数据；

步骤S20、Serv i ce Worker解析并展示所述JSON配置数据；

步骤S30、Serv i ce Worker调用Wi dget SDK对所述JSON配置数据执行场景检测程序，进而动态渲染所述小组件；

步骤S40、Serv i ce Worker将Wi dget SDK的wi dget_sdk.js注入目标网页；

步骤S50、浏览器在加载所述目标网页后自动运行wi dget_sdk.js，以对所述小组件进行挂载渲染；

步骤S60、将Serv i ce Worker提交审核，在审核通过后，通过修改所述小组件以及wi dget_sdk.js的源代码来对小组件进行更新。

进一步地，所述步骤S10具体为：

创建一网页业务场景，从所述网页业务场景中的各元素节点筛选目标节点，Widget SDK通过所述目标节点以及组件I D匹配小组件，通过Wi dget Temp l ate以及所述小组件生成网页业务场景对应的JSON配置数据。

进一步地，所述步骤S10中，所述Wi dget SDK配置有若干个小组件，各所述小组件均对应一组件I D。

进一步地，所述步骤S30具体为：

Serv i ce Worker远程调用并加载Wi dget SDK，所述Wi dget SDK通过AP I加载场景检测程序以对JSON配置数据进行运行检测，进而动态渲染所述小组件。