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