一种插件页面的更新方法、装置、电子设备及存储介质制造方法及图纸

本发明专利技术公开了一种插件页面的更新方法，其包括：判断应用程序的插件的页面是否需要用户输入数据，在需要用户输入数据的情况下，调用应用程序的WebSocket来在插件和服务器之间建立单个传输控制协议连接并进行双工通讯，以从服务器获取页面的更新数据，其中，更新数据是服务器在页面存在更新的情况下主动推送的；在接收到用户输入的输入数据和更新数据的情况下，基于输入数据和更新数据更新页面。基于输入数据和更新数据更新页面。基于输入数据和更新数据更新页面。

【技术实现步骤摘要】
一种插件页面的更新方法、装置、电子设备及存储介质


[0001]本专利技术涉及电子通信
，具体涉及一种插件页面的更新方法、装置、电子设备及存储介质。

技术介绍

[0002]在html5网页显示方面，有一项著名的8秒原则：用户在访问html5网页时，如果加载时间超过8秒就会感到不耐烦，时间再长，用户就会放弃访问。大部分用户希望html5网页能在2秒之内就完成加载。据统计，一般情况下，加载时间每多1秒，客户就会流失7％。虽然目前系统加载插件的时间在450毫秒到1800毫秒之间，暂时能满足用户需求，但是在数据量暴增的情况下难免会产生延时，因此提高html5页面加载数据的速度很有必要。而且，现有的插件通过HTTP协议来显示智能家居的状态和数据，都是采用轮询接口的方式。所谓的轮询就是在特定的时间间隔(比如每隔5秒钟)，调用一次服务端接口，向服务器发出HTTP请求，然后由服务器返回最新的数据给插件。这种模式需要持续向服务器发出请求，而HTTP请求可能包含比较长的头部，其中真正有效的数据可能只是很小的一部分，显然这样会浪费很多的带宽等资源。

技术实现思路

[0003]为解决上述技术问题，本专利技术提供了一种插件页面的更新方法，其包括：
[0004]判断应用程序的插件的页面是否需要用户输入数据，
[0005]在需要用户输入数据的情况下，调用应用程序的WebSocket来在所述插件和服务器之间建立单个传输控制协议连接并进行双工通讯，以从所述服务器获取所述页面的更新数据，其中，所述更新数据是服务器在所述页面存在更新的情况下主动推送的；
[0006]在接收到所述用户输入的输入数据和所述更新数据的情况下，基于所述输入数据和所述更新数据更新所述页面。
[0007]在一些实施例中，所述方法还包括：在不需要用户输入数据的情况下，持续监听是否接收到针对所述页面的服务器发送事件；
[0008]在接收到所述服务器发送事件的情况下，基于所述服务器发送事件更新所述页面。
[0009]在一些实施例中，所述在接收到所述服务器发送事件的情况下，基于所述服务器发送事件更新所述页面，包括：
[0010]在接收到所述服务器发送事件的情况下，将所述服务器发送事件缓存在应用程序缓存中；
[0011]调用应用程序的WebWorkers；
[0012]读取所述应用程序缓存中的服务器发送事件，以在所述页面上进行显示。
[0013]在一些实施例中，所述方法还包括：
[0014]获取所述插件需要调用的接口数量；
[0015]判断所述接口数量是否大于数量阈值，
[0016]在所述接口数量大于所述数量阈值的情况下，调用应用程序的WebWorkers，以在应用程序的后台独立运行JavaScript，使其与插件页面上的JavaScript并行执行，以更新所述页面。
[0017]在一些实施例中，所述方法还包括：
[0018]在所述接口数量小于所述数量阈值的情况下，持续监听是否接收到针对所述页面的服务器发送事件；
[0019]在接收到所述服务器发送事件的情况下，基于所述服务器发送事件更新所述页面。
[0020]在一些实施例中，所述方法还包括：
[0021]获取所述插件的历史网络状态；
[0022]基于所述历史网络状态判断所述插件的断网频率是否大于次数阈值；
[0023]在断网频率大于所述次数阈值情况下，创建离线缓存文件，以缓存服务器发送的更新数据；
[0024]在断网的情况下，从所述离线缓存文件中读取所述更新数据，以更新所述页面。
[0025]在一些实施例中，所述方法还包括：
[0026]在断网频率小于所述次数阈值情况下，持续监听是否接收到服务器发送事件；
[0027]在接收到所述服务器发送事件的情况下，基于所述服务器发送事件更新所述页面。
[0028]本申请还提供了一种插件页面的更新装置，其包括：
[0029]判断模块，用于判断应用程序的插件的页面是否需要用户输入数据，
[0030]调用模块，用于在需要用户输入数据的情况下，调用应用程序的WebSocket来在所述插件和服务器之间建立单个传输控制协议连接并进行双工通讯，以从所述服务器获取所述页面的更新数据，其中，所述更新数据是服务器在所述页面存在更新的情况下主动推送的；
[0031]更新模块，用于在接收到所述用户输入的输入数据和所述更新数据的情况下，基于所述输入数据和所述更新数据更新所述页面。
[0032]本申请还提供了一种电子设备，包括存储器和处理器，所述存储器上存储有计算机程序，该计算机程序被所述处理器执行时，执行如上所述的控制方法。
[0033]本申请还提供了一种存储介质，该存储介质存储的计算机程序能够被一个或多个处理器执行，能够用来实现如上所述的控制方法。
[0034]与现有技术相比，上述方案中的一个或多个实施例可以具有如下优点或有益效果：
[0035]应用本申请实施例提供的插件页面的更新方法，在需要用户输入数据的情况下，调用应用程序的WebSocket，以在所述插件和服务器之间建立单个传输控制协议连接并进行双工通讯，在服务器有更新的情况下，从所述服务器获取所述页面的更新数据，然后在插件页面中显示，可以减少带宽等资源的浪费。
附图说明
[0036]通过结合附图阅读下文示例性实施例的详细描述可更好地理解本公开的范围。其中所包括的附图是：
[0037]图1为本申请实施例提供的一种插件页面的更新方法的实现流程示意图；
[0038]图2为本申请实施例提供的一种插件页面的更新方法的实现流程示意图；
[0039]图3为本申请实施例提供的一种插件页面的更新方法的实现流程示意图；
[0040]图4为本申请实施例提供的一种插件页面的更新装置的结构示意图；
[0041]图5为本申请实施例提供的电子设备的组成结构示意图。
具体实施方式
[0042]为了使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请作进一步地详细描述，所描述的实施例不应视为对本申请的限制，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本申请保护的范围。
[0043]在以下的描述中，涉及到“一些实施例”，其描述了所有可能实施例的子集，但是可以理解，“一些实施例”可以是所有可能实施例的相同子集或不同子集，并且可以在不冲突的情况下相互结合。
[0044]如果申请文件中出现“第一/第二/第三”的类似描述则增加以下的说明，在以下的描述中，所涉及的术语“第一/第二/第三”仅仅是是区别类似的对象，不代表针对对象的特定排序，可以理解地，“第一/第二/第三”在允许的情况下可以互换特定的顺序或先后次序，以使这里描述的本申请实施例能够以除了在这里图示或描述的以外的顺序实施。
[0045]除非另有定义，本文所使用的所有的技术和科学术语与属于本申请本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种插件页面的更新方法，其特征在于，包括：判断应用程序的插件的页面是否需要用户输入数据，在需要用户输入数据的情况下，调用应用程序的WebSocket来在所述插件和服务器之间建立单个传输控制协议连接并进行双工通讯，以从所述服务器获取所述页面的更新数据，其中，所述更新数据是服务器在所述页面存在更新的情况下主动推送的；在接收到所述用户输入的输入数据和所述更新数据的情况下，基于所述输入数据和所述更新数据更新所述页面。2.根据权利要求1所述的方法，其特征在于，所述方法还包括：在不需要用户输入数据的情况下，持续监听是否接收到针对所述页面的服务器发送事件；在接收到所述服务器发送事件的情况下，基于所述服务器发送事件更新所述页面。3.根据权利要求2所述的方法，其特征在于，所述在接收到所述服务器发送事件的情况下，基于所述服务器发送事件更新所述页面，包括：在接收到所述服务器发送事件的情况下，将所述服务器发送事件缓存在应用程序缓存中；调用应用程序的WebWorkers；读取所述应用程序缓存中的服务器发送事件，以在所述页面上进行显示。4.根据权利要求1所述的方法，所述方法还包括：获取所述插件需要调用的接口数量；判断所述接口数量是否大于数量阈值，在所述接口数量大于所述数量阈值的情况下，调用应用程序的WebWorkers，以在应用程序的后台独立运行JavaScript，使其与插件页面上的JavaScript并行执行，以更新所述页面。5.根据权利要求4所述的方法，其特征在于，所述方法还包括：在所述接口数量小于所述数量阈值的情况下，持续监听是否接收到针对所...

【专利技术属性】
技术研发人员：周军强，张军，宋德超，王灿良，黄彦植，
申请(专利权)人：珠海联云科技有限公司，
类型：发明
国别省市：