小程序运行方法、装置、电子设备、存储介质及程序产品.pdf

(19)国家知识产权局(12)发明专利申请(10)申请公布号CN114741126A(43)申请公布日2022.07.12(21)申请号202210255130.4(22)申请日2022.03.15(71)申请人北京贝壳时代网络科技有限公司地址100000北京市密云区兴盛南路8号院2号楼106室-802（商务区集中办公区）(72)发明人夏园园(74)专利代理机构北京路浩知识产权代理有限公司11002专利代理师谢志超(51)Int.Cl.G06F9/445(2018.01)G06F16/957(2019.01)权利要求书2页说明书9页附图5页(54)发明名称小程序运行方法、装置、电子设备、存储介质及程序产品(57)摘要本发明实施例提供一种小程序运行方法、装置、电子设备、存储介质及程序产品，该方法包括：并行执行Service层加载脚本资源、View层加载渲染资源；Service层向View层发送页面初始化指令，View层解析指令并渲染页面；响应于View层监听到页面操作，View层将页面操作反馈给Service层；Service层根据页面操作产生页面操作处理指令并传递给View层；View层解析页面操作处理指令并渲染页面；Service层和View层通过Native层通信。本发明实施例通过并行加载脚本和渲染资源，对Service层和View层的动作进行协调，显著地解决了白屏问题，提高了交互显示的流畅性。CN114741126ACN114741126A权利要求书1/2页1.一种小程序运行方法，其特征在于，包括：并行执行在Service层加载脚本资源及在View层加载渲染资源；响应于所述脚本资源加载完成且所述Service层接收到所述渲染资源加载完成的信息，利用所述Service层通过Native层向所述View层发送页面初始化指令，利用所述View层解析所述页面初始化指令并渲染页面；响应于所述View层监听到页面操作，利用所述View层将所述页面操作通过所述Native层反馈给所述Service层；响应于所述Service层接收到所述页面操作，利用所述Service层根据所述页面操作产生页面操作处理指令，并通过Native层将所述页面操作处理指令传递给所述View层；响应于所述View层接收到所述页面操作处理指令，利用所述View层解析所述页面操作处理指令，并根据所述页面操作处理指令渲染页面。2.根据权利要求1所述的小程序运行方法，其特征在于，所述利用所述Service层根据所述页面操作产生页面操作处理指令，包括：利用所述Service层根据所述页面操作的类型，将所述页面操作传递给对应的页面操作方法；通过所述页面操作方法将所述页面操作转换成对应的所述页面操作处理指令。3.根据权利要求2所述的小程序运行方法，其特征在于，在所述利用所述Service层根据所述页面操作的类型，将所述页面操作传递给对应的页面操作方法之前，所述方法还包括：在所述Service层，安装react框架，新建ReactElement元素，将web项目源代码作为所述ReactElement元素的子元素传入；在所述Service层，安装react‑reconciler构造器，配置hostConfig协议，将所述hostConfig协议作为所述react‑reconciler构造器的输入，得到一个构造器实例；其中，所述配置hostConfig协议包括配置页面操作方法；将所述ReactElement元素传入所述构造器实例中，所述构造器实例的启动入口为updateContainer方法，所述ReactElement元素为所述updateContainer方法的参数。4.根据权利要求3所述的小程序运行方法，其特征在于，所述页面操作方法包括创建元素方法、更新元素方法及删除元素方法。5.根据权利要求1所述的小程序运行方法，其特征在于，所述根据所述页面操作处理指令渲染页面，包括：利用单独的进程根据所述页面操作处理指令渲染页面；所述方法还包括：在页面关闭后，将页面状态保存到后台。6.根据权利要求1所述的小程序运行方法，其特征在于，所述根据所述页面操作处理指令渲染页面，包括：解析所述页面操作指令，根据所述页面操作指令处理文档对象模型元素，完成页面渲染。7.一种小程序运行装置，其特征在于，包括：资源加载模块，用于：并行执行在Service层加载脚本资源及在View层加载渲染资源；页面初始化模块，用于：响应于所述脚本资源加载完成且所述Service层接收到所述渲染资源加载完成的信息，利用所述Service层通过Native层向所述View层发送页面初始化2CN114741126A权利要求书2/2页指令，利用所述View层解析所述页面初始化指令并渲染页面；页面监听模块，用于：响应于所述Vie