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

权利要求书

1.一种基于网页的伴随式场景小组件更新方法，其特征在于：包括如下步骤：

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

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

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

步骤S40、Service Worker将Widget SDK的widget_sdk.js注入目标网页；

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

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

2.如权利要求1所述的一种基于网页的伴随式场景小组件更新方法，其特征在于：所述步骤S10具体为：

创建一网页业务场景，从所述网页业务场景中的各元素节点筛选目标节点，WidgetSDK通过所述目标节点以及组件ID匹配小组件，通过Widget Template以及所述小组件生成网页业务场景对应的JSON配置数据。

3.如权利要求1所述的一种基于网页的伴随式场景小组件更新方法，其特征在于：所述步骤S10中，所述Widget SDK配置有若干个小组件，各所述小组件均对应一组件ID。

4.如权利要求1所述的一种基于网页的伴随式场景小组件更新方法，其特征在于：所述步骤S30具体为：

Service Worker远程调用并加载Widget SDK，所述Widget SDK通过API加载场景检测程序以对JSON配置数据进行运行检测，进而动态渲染所述小组件。

5.如权利要求1所述的一种基于网页的伴随式场景小组件更新方法，其特征在于：所述步骤S40具体为：

Service Worker基于chrome.scripting API提供的权限，通过document.appendChild的方式将Widget SDK的widget_sdk.js注入目标网页。

6.一种基于网页的伴随式场景小组件更新系统，其特征在于：包括如下模块：

JSON配置数据生成模块，用于创建一网页业务场景，通过Widget SDK匹配所述网页业务场景的小组件并生成JSON配置数据；

JSON配置数据解析模块，用于Service Worker解析并展示所述JSON配置数据；

小组件本地渲染模块，用于Service Worker调用Widget SDK对所述JSON配置数据执行场景检测程序，进而动态渲染所述小组件；

JS注入模块，用于Service Worker将Widget SDK的widget_sdk.js注入目标网页；

小组件挂载渲染模块，用于浏览器在加载所述目标网页后自动运行widget_sdk.js，以对所述小组件进行挂载渲染；

小组件更新模块，用于将Service Worker提交审核，在审核通过后，通过修改所述小组件以及widget_sdk.js的源代码来对小组件进行更新。

7.如权利要求6所述的一种基于网页的伴随式场景小组件更新系统，其特征在于：所述JSON配置数据生成模块具体用于：

创建一网页业务场景，从所述网页业务场景中的各元素节点筛选目标节点，WidgetSDK通过所述目标节点以及组件ID匹配小组件，通过Widget Template以及所述小组件生成网页业务场景对应的JSON配置数据。

8.如权利要求6所述的一种基于网页的伴随式场景小组件更新系统，其特征在于：所述JSON配置数据生成模块中，所述Widget SDK配置有若干个小组件，各所述小组件均对应一组件ID。