小程序的Web化运行方法、装置、设备及介质制造方法及图纸

本申请实施例公开了一种小程序的Web化运行方法、装置、设备及介质，涉及信息处理技术领域。具体实现方案为：获取目标小程序的小程序编译包；根据小程序编译包，对目标小程序进行Web化部署；在检测到与目标小程序对应的浏览器访问请求时，根据对目标小程序的Web化部署结果，使用Web化框架对小程序编译包进行渲染，并将渲染结果提供给浏览器进行显示。本申请实施例的方案实现了小程序的Web化部署，在减少了小程序Web化的操作流程的基础上，大大降低了小程序Web化的失败概率。

Web running method, device, device and medium of small program

【技术实现步骤摘要】
小程序的Web化运行方法、装置、设备及介质
本申请实施例涉及计算机
，尤其涉及信息处理
，具体涉及一种小程序的Web化运行方法、装置、设备及介质。
技术介绍
随着计算机技术的不断发展，不需要下载安装即可使用的应用“小程序”得到了广泛地应用。小程序的运行载体一般是其他的应用程序，而小程序Web(网页)化是小程序在浏览器环境下运行的形态，借助Web化，可以实现将客户端运行的小程序运行在浏览器环境下。现阶段，在开发者得到小程序源码文件后，首先对该小程序源码文件进行Web化编译得到Web化编译包，并上传至服务器；服务器基于该Web化编译包进行小程序Web化部署后，在需要打开该Web化小程序时，使用Web化框架对该Web化编译包进行渲染，以实现在浏览器中打开一个Web化的小程序。现有技术的方法，需要开发者首先生成小程序的Web化编译包，并成功上传至服务器，才能实现小程序的Web化，增加了生成Web化小程序的过程的失败概率。
技术实现思路
本申请实施例提供一种小程序的Web化运行方法、装置、设备及介质，在减少小程序Web化的操作流程的基础上，大大降低了小程序Web化的失败概率。第一方面，本申请实施例提供了一种小程序的Web化运行方法，该方法包括：获取目标小程序的小程序编译包；根据所述小程序编译包，对所述目标小程序进行Web化部署；在检测到与所述目标小程序对应的浏览器访问请求时，根据对所述目标小程序的Web化部署结果，使用Web化框架对所述小程序编译包进行渲染，并将渲染结果提供给浏览器进行显示。可选的，根据所述小程序编译包，对所述目标小程序进行Web化部署，包括：对所述小程序编译包进行解包处理，得到与所述目标小程序对应的业务代码以及静态资源；将所述业务代码以及所述静态资源进行存储；生成与所述小程序编译包对应的总控文件，所述总控文件包括：所述业务代码以及所述静态资源的存储路径。这样设置的好处在于：通过将小程序编译包进行解包处理，得到与目标小程序对应的业务代码以及静态资源；将业务代码以及静态资源进行存储并生成与小程序编译包对应的总控文件，可以实现对目标小程序的Web化部署，为进一步地对小程序编译包进行渲染提供准备。可选的，根据对所述目标小程序的Web化部署结果，使用Web化框架对所述小程序编译包进行渲染，包括：加载Web化框架，并在所述Web化框架中渲染得到Web化页面骨架；根据与所述目标小程序对应的总控文件中记录的存储路径，获取与所述目标小程序对应的所述业务代码以及所述静态资源；根据所述Web化页面骨架、所述业务代码以及所述静态资源，得到业务内容渲染结果。这样设置的好处在于：加载与目标小程序对应的Web化框架，并在Web化框架中渲染得到与目标小程序对应的Web化页面骨架；根据与目标小程序对应的总控文件中记录的存储路径，获取与目标小程序对应的业务代码以及静态资源；根据Web化页面骨架、业务代码以及静态资源，得到业务内容渲染结果，实现了目标小程序的业务内容渲染。可选的，加载Web化框架，并在所述Web化框架中渲染得到Web化页面骨架，包括：在所述Web化框架中运行小程序镜像客户端；通过所述小程序镜像客户端，运行小程序前端框架，得到所述Web化页面骨架；根据所述Web化页面骨架、所述业务代码以及所述静态资源，得到业务内容渲染结果，包括：在所述小程序前端框架中，根据所述Web化页面骨架、所述业务代码以及所述静态资源，得到业务内容渲染结果。这样设置的好处在于：在Web化框架中运行小程序镜像客户端；通过小程序镜像客户端，运行小程序前端框架，得到Web化页面骨架，实现了在小程序的前端框架有更新时，也可以直接复用该小程序前端框架，无需重新编写Web化框架，节约了编写Web化框架的开发成本。可选的，所述小程序镜像客户端通过JavaScript(JS)代码实现；和/或所述小程序前端框架复用小程序客户端使用的所述小程序前端框架，所述小程序客户端与所述小程序镜像客户端相匹配。这样设置的好处在于：通过JS代码实现的小程序镜像客户端，可以直接运行在Web化框架中，开发人员无需重写编写Web化框架，可以节省大量的小程序开发成本，并且不会对小程序Web化产生消极影响。可选的，所述在所述小程序前端框架中，根据所述Web化页面骨架、所述业务代码以及所述静态资源，得到业务内容渲染结果，包括：在所述小程序前端框架中，加载所述业务代码以及所述静态资源；在渲染得到的所述Web化页面骨架中，运行所述业务代码，得到待填充业务数据的原始页面，所述原始页面中包括所述静态资源；向所述目标小程序的业务方服务器发送业务数据请求，获取业务数据；将所述业务数据填充于所述原始页面中，得到所述业务内容渲染结果。这样设置的好处在于：在渲染得到的Web化页面骨架中，运行业务代码，即可得到待填充业务数据的原始页面；通过向目标小程序的业务方服务器发送业务数据请求，获取业务数据；将业务数据填充于原始页面中，得到业务内容渲染结果。实现了目标小程序的业务内容渲染，为小程序的Web化运行提供了有力的保证。可选的，所述通过所述小程序镜像客户端，运行小程序前端框架，得到所述Web化页面骨架，还包括：在通过所述小程序镜像客户端检测到所述小程序前端框架对所述Web化框架提供的框架功能进行调用时，向所述Web化框架发送功能调用请求；通过所述小程序镜像客户端将所述Web化框架反馈的功能处理结果，提供给小程序前端框架。这样设置的好处在于：在通过小程序镜像客户端检测到小程序前端框架对Web化框架提供的框架功能进行调用时，向Web化框架发送功能调用请求；通过小程序镜像客户端将Web化框架反馈的功能处理结果，提供给小程序前端框架。也可以实现提取目标小程序的Web化页面骨架，进一步为小程序的Web化的准确率提供了保障。可选的，所述在所述Web化框架中渲染得到Web化页面骨架之后，还包括：为小程序编译包准备执行环境；根据与所述目标小程序对应的总控文件，线上获取与所述目标小程序对应的所述业务代码以及所述静态资源，包括：在确定准备好小程序编译包的执行环境时，根据与所述目标小程序对应的总控文件，线上获取与所述目标小程序对应的所述业务代码以及所述静态资源。这样设置的好处在于：通过为小程序编译包准备执行环境，可以解决获取到的小程序包无法运行的情况。第二方面，本申请实施例还提供了一种小程序的Web化运行装置，该装置包括：小程序编译包获取模块，用于获取目标小程序的小程序编译包；目标小程序Web化部署模块，用于根据所述小程序编译包，对所述目标小程序进行Web化部署；小程序编译包渲染模块，用于在检测到与所述目标小程序对应的浏览器访问请求时，根据对所述目标小程序的Web化部署结果，使用Web化框架对所述本文档来自技高网...

【技术保护点】
1.一种小程序的网页Web化运行方法，其特征在于，包括：/n获取目标小程序的小程序编译包；/n根据所述小程序编译包，对所述目标小程序进行Web化部署；/n在检测到与所述目标小程序对应的浏览器访问请求时，根据对所述目标小程序的Web化部署结果，使用Web化框架对所述小程序编译包进行渲染，并将渲染结果提供给浏览器进行显示。/n

【技术特征摘要】
1.一种小程序的网页Web化运行方法，其特征在于，包括：
获取目标小程序的小程序编译包；
根据所述小程序编译包，对所述目标小程序进行Web化部署；
在检测到与所述目标小程序对应的浏览器访问请求时，根据对所述目标小程序的Web化部署结果，使用Web化框架对所述小程序编译包进行渲染，并将渲染结果提供给浏览器进行显示。


2.根据权利要求1所述的方法，其特征在于，所述根据所述小程序编译包，对所述目标小程序进行Web化部署，包括：
对所述小程序编译包进行解包处理，得到与所述目标小程序对应的业务代码以及静态资源；
将所述业务代码以及所述静态资源进行存储；
生成与所述小程序编译包对应的总控文件，所述总控文件包括：所述业务代码以及所述静态资源的存储路径。


3.根据权利要求1所述的方法，其特征在于，所述根据对所述目标小程序的Web化部署结果，使用Web化框架对所述小程序编译包进行渲染，包括：
加载Web化框架，并在所述Web化框架中渲染得到Web化页面骨架；
根据与所述目标小程序对应的总控文件中记录的存储路径，获取与所述目标小程序对应的所述业务代码以及所述静态资源；
根据所述Web化页面骨架、所述业务代码以及所述静态资源，得到业务内容渲染结果。


4.根据权利要求3所述的方法，其特征在于，加载Web化框架，并在所述Web化框架中渲染得到Web化页面骨架，包括：
在所述Web化框架中运行小程序镜像客户端；
通过所述小程序镜像客户端，运行小程序前端框架，得到所述Web化页面骨架；
根据所述Web化页面骨架、所述业务代码以及所述静态资源，得到业务内容渲染结果，包括：
在所述小程序前端框架中，根据所述Web化页面骨架、所述业务代码以及所述静态资源，得到业务内容渲染结果。


5.根据权利要求4所述的方法，其特征在于，所述小程序镜像客户端通过JavaScript代码实现；和/或
所述小程序前端框架复用小程序客户端使用的所述小程序前端框架，所述小程序客户端与所述小程序镜像客户端相匹配。


6.根据权利要求4所述的方法，其特征在于，所述在所述小程序前端框架中，根据所述Web化页面骨架、所述业务代码以及所述静态资源，得到业务内容渲染...

【专利技术属性】
技术研发人员：王说，雷志兴，
申请(专利权)人：北京百度网讯科技有限公司，
类型：发明
国别省市：北京;11