CN111008019B - 小程序的Web化运行方法、装置、设备及介质 - Google Patents

Abstract

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

Description

小程序的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化框架对所述小程序编译包进行渲染，并将渲染结果提供给浏览器进行显示。

第三方面，本申请实施例还提供了一种电子设备，包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行本申请中任一实施例所述的方法。

第四方面，本申请实施例还提供了一种存储有计算机指令的非瞬时计算机可读存储介质，所述计算机指令用于使所述计算机执行本申请中任一实施例所述的方法。

上述申请中的一个实施例具有如下优点或有益效果：通过获取目标小程序的小程序编译包；根据小程序编译包，对目标小程序进行Web化部署；在检测到与目标小程序对应的浏览器访问请求时，根据对目标小程序的Web化部署结果，使用Web化框架对小程序编译包进行渲染，并将渲染结果提供给浏览器进行显示。在无需生成并上传Web化编译包的基础上，实现了小程序的Web化部署，在减少小程序Web化的操作流程的基础上，大大降低了小程序Web化的失败概率。

上述可选方式所具有的其他效果将在下文中结合具体实施例加以说明。

附图说明

附图用于更好地理解本方案，不构成对本申请的限定，其中：

图1是根据本申请的实施例一的一种小程序的Web化运行方法的流程图；

图2是根据本申请的实施例二的一种小程序的Web化运行方法的流程图；

图3根据本申请的实施例二所适用的一种小程序的Web化部署的流程图；

图4根据本申请的实施例二所适用的一种小程序的Web化渲染的流程图；

图5是是根据本申请的实施例三的一种小程序的Web化运行装置的结构示意图；

图6是用来实现本申请实施例的小程序的Web化运行方法的电子设备的框图。

具体实施方式

以下结合附图对本申请的示范性实施例做出说明，其中包括本申请实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本申请的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

实施例一

图1为本申请实施例一提供的一种小程序的Web化运行方法的流程图，本实施例可适用于的对小程序进行Web化部署并运行Web化部署后的小程序的情况，该方法可以由一种小程序的Web化运行装置来执行，该装置可以由软件和/或硬件实现，并一般可以集成在小程序服务器中，与客户端浏览器配合使用。具体的，参考图1，该方法具体包括如下步骤：

S110、获取目标小程序的小程序编译包。

具体的，小程序是一种不需要下载安装即可使用的应用，用户通过“扫一扫”或者“搜一下”即可打开应用。需要说明的是，本申请实施例中涉及到的目标小程序可以是任意一个小程序，例如，可以是视频播放类小程序、快递查询小程序或者学习类小程序等，本申请实施例中对其不作限定。

具体的，获取目标小程序的小程序编译包的方式，可以为获取小程序开发者上传的小程序编译包。

在一个具体的例子中，小程序开发者通过小程序服务器提供的开发工具可以实现对小程序代码的编写，编译以及预览等，在小程序开发者确定代码编译通过后，将小程序源码文件打包得到小程序编译包，并将该小程序编译包通过与小程序服务器连接的通信接口(典型的，http接口)将该小程序编译包上传至小程序服务器。

其中，小程序编译包中的小程序源码文件中可以包括小程序业务代码、小程序页面展示所需的各种静态资源(例如，图片、文本或者超链接等)小程序配置信息以及小程序版本信息等文件，在小程序源码文件中，上述文件可以以文件夹嵌套的形式存储。

S120、根据小程序编译包，对目标小程序进行Web化部署。

可选的，根据小程序编译包，对目标小程序进行Web化部署，可以包括：对小程序编译包进行解包处理，得到与目标小程序对应的业务代码以及静态资源；将业务代码以及静态资源进行存储；生成与小程序编译包对应的总控文件，总控文件包括：业务代码、静态资源的存储路径以及以及小程序Web化的配置信息。

具体的，获取客户端上传的与目标小程序对应的小程序编译包后，可以对小程序编译包进行解包处理，得到与目标小程序对应的业务代码以及静态资源；其中，与目标小程序对应的业务代码可以是目标小程序中实现目标小程序任意功能的代码。示例性的，若目标小程序为视频播放类小程序A，则与视频播放类小程序A对应的业务代码可以为实现小程序A播放视频功能的业务代码；也可以为实现小程序A播放新闻功能的业务代码；也可以为实现小程序A实现用户上传视频功能的业务代码等，本申请实施例对其不作限定。

具体的，通过对目标小程序的小程序编译包进行解包处理，可以得到嵌套形式构造的多个小程序文件夹，而目标小程序运行时所需的各类资源，按照预定的存储规则，存储于不同小程序文件夹的不同文件中。相应的，通过预设的数据解析方式，可以从小程序文件夹对应的文件中，解析得到与目标小程序对应的业务代码以及静态资源。

需要说明的是，与目标小程序对应的静态资源可以为目标小程序中包含的图片、文本或者超链接等内容。本申请实施例中获取到的与目标小程序对应的静态资源可以为目标小程序中各静态资源的路径信息；这样设置的好处在于：通过静态资源的路径信息可以快速的获取到静态资源，并且可以减小存储这些资源的存储空间。

可选的，在对小程序编译包进行解包处理，得到与目标小程序对应的业务代码以及静态资源之后，可以将与目标小程序对应的业务代码以及静态资源进行存储。具体的，可以将上述业务代码以及静态资源直接在小程序服务器中进行本地存储，也可以存储在其他服务器中进行远程存储，本实施例对此并不进行限制。

示例性的，可以将与目标小程序对应的业务代码以及静态资源存储在内容分发网络(Content Delivery Network，CDN)服务器中，或者云服务器中进行存储，以减少小程序服务器中的数据存储量。

同时，为了在需要获取上述需要业务代码以及静态资源时，能够快速定位上述信息的存储位置，需要生成与所述小程序编译包对应的总控文件存储上述存储位置信息。

相应的，总控文件中可以包括：与目标小程序对应的业务代码以及静态资源的存储路径。通过读取上述总控文件，可以快速获取与目标小程序对应的业务代码的存储路径，以及静态资源的存储路径。

其中，所述总控文件中还可以包括：目标小程序的Web化的配置信息，该配置信息可以根据目标小程序的小程序编译包适应性生成，以供在目标小程序的Web化运行时使用。

示例性的，若目标小程序为学习类小程序B，首先，获取到学习类小程序B的小程序编译包，并对学习类小程序B的小程序编译包进行解包，得到与学习类小程序B对应的业务代码以及静态资源，并将其存储在CDN服务器中的设定存储路径下；最后根据该存储路径，生成与学习类小程序B对应的总控文件，其中，总控文件中包括：学习类小程序B的业务代码、静态资源的存储路径以及学习类小程序B Web化的配置信息。

S130、在检测到与目标小程序对应的浏览器访问请求时，根据对目标小程序的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化页面骨架、业务代码以及静态资源，得到业务内容渲染结果，包括：在小程序前端框架中，根据Web化页面骨架、业务代码以及静态资源，得到业务内容渲染结果。

具体的，小程序镜像客户端是根据JS代码实现的。因为浏览器可以直接运行JS代码，因此，无需任何额外操作，可以直接在Web化框架中运行小程序镜像客户端。其中，本领域技术人员可以参考用于承载小程序的应用程序的业务代码实现该小程序镜像客户端，以实现与该应用程序匹配的小程序运行功能。

具体的，小程序前端框架复用小程序客户端使用的小程序前端框架，以达到一次修改(小程序前端框架)，两端(小程序以及小程序Web化)配置的技术效果。

需要说明的是，小程序镜像客户端是可以在Web化框架中运行并且可以运行小程序前端框架的客户端。具体的，在得到可以运行小程序前端框架的小程序客户端后，即可根据JS代码得到在Web化框架中运行小程序前端框架的与小程序客户端对应的小程序镜像客户端。

这样设置的好处在于，通过JS代码实现的小程序镜像客户端，可以直接运行在Web化框架中，开发人员无需重写编写Web化框架，可以节省大量的小程序开发成本，并且不会对小程序Web化产生消极影响。

需要说明的是，小程序镜像客户端与小程序客户端具有完全相同的功能模块，区别是小程序客户端与小程序镜像客户端的运行环境不同。具体的，在本申请实施例的一个具体例子中，小程序客户端为可以加载在应用程序(Application，APP)中，可以运行小程序前端框架的客户端；小程序镜像客户端为可以运行在Web化框架中，并可以运行小程序前端框架的客户端。

具体的，从Web化服务器中，加载Web化框架之后，可以在加载的Web化框架中运行小程序镜像客户端，其中，小程序镜像客户端可以为通过小程序客户端预先实现的可以在Web化框架中运行的客户端。通过小程序镜像客户端可以运行小程序前端框架，从而得到与目标小程序对应的Web化页面骨架；进一步的，在小程序前端框架中，根据Web化页面骨架、业务代码以及静态资源，得到业务内容渲染结果。

可选的，在小程序前端框架中，根据Web化页面骨架、业务代码以及静态资源，得到业务内容渲染结果，可以包括：在小程序前端框架中，加载业务代码以及静态资源；在渲染得到的Web化页面骨架中，运行业务代码，得到待填充业务数据的原始页面，原始页面中包括静态资源；向目标小程序的业务方服务器发送业务数据请求，获取业务数据；将业务数据填充于原始页面中，得到业务内容渲染结果。

具体的，在小程序前端框架中，根据Web化页面骨架、业务代码以及静态资源，得到业务内容渲染结果，具体可以在小程序前端框架中，加载与目标小程序对应的业务代码以及静态资源；并在渲染得到的与目标小程序对应的Web化页面骨架中运行业务代码，得到待填充业务数据的原始页面，其中，待填充业务数据的原始页面中包括静态资源；向目标小程序的业务方服务器发送业务数据请求，得到业务方服务器反馈的业务数据后，将业务数据填充于原始页面中，得到业务内容渲染结果。

为了更好地理解本申请实施例，在本申请实施例的一个具体例子中，若目标小程序为音乐播放类小程序B，获取客户端上传的音乐播放类小程序B的小程序编译包；根据音乐播放类小程序B的小程序编译包对音乐播放类小程序B进行Web化部署，即对获取到的音乐播放类小程序B的小程序编译包进行解包处理，得到与音乐播放类小程序B对应的业务代码以及静态资源，并将其存储在CDN服务器中，生成与音乐播放类小程序B的小程序编译包对应的总控文件，其中，总控文件中包括与音乐播放类小程序B对应的业务代码、静态资源以及小程序Web化的配置信息。

进一步的，在检测到与音乐播放类小程序B对应的浏览器访问请求时，从Web化服务器中加载Web化框架，在Web化框架中运行与音乐播放类小程序B对应的小程序镜像客户端，通过小程序镜像客户端，运行与音乐播放类小程序B对应的小程序前端框架，得到与音乐播放类小程序B对应的Web化页面骨架；在与音乐播放类小程序B对应的小程序前端框架中，加载与音乐播放类小程序B对应的业务代码以及静态资源；在与音乐播放类小程序B对应的Web化页面骨架中运行与音乐播放类小程序B对应的业务代码，得到待填充业务数据的原始页面；向与音乐播放类小程序B对应的业务方服务器发送业务请求，得到业务方服务器反馈的与业务请求对应的业务数据，将该业务数据填充于原始页面中，即可得与音乐播放类小程序B对应的业务内容的渲染结果，浏览器将与音乐播放类小程序B对应的业务内容的渲染结果进行显示，即实现了音乐播放类小程序B的Web化运行。

本实施例的方案，通过获取目标小程序的小程序编译包；根据小程序编译包，对目标小程序进行Web化部署；在检测到与目标小程序对应的浏览器访问请求时，根据对目标小程序的Web化部署结果，使用Web化框架对小程序编译包进行渲染，并将渲染结果提供给浏览器进行显示。实现了小程序的Web化部署，在减少了小程序Web化的操作流程的基础上，大大降低了小程序Web化的失败概率。

实施例二

图2为本申请实施例二提供的一种小程序的Web化运行方法的流程图，本实施例对上述实施例进行细化，具体的，通过小程序镜像客户端，运行小程序前端框架，得到Web化页面骨架，还可以包括：在通过小程序镜像客户端检测到小程序前端框架对Web化框架提供的框架功能进行调用时，向Web化框架发送功能调用请求；通过小程序镜像客户端将Web化框架反馈的功能处理结果，提供给小程序前端框架。参考图2，该方法具体包括如下步骤：

S210、获取目标小程序的小程序编译包。

S220、对小程序编译包进行解包处理，得到与目标小程序对应的业务代码以及静态资源。

S230、将业务代码以及静态资源进行存储。

S240、生成与小程序编译包对应的总控文件，总控文件包括：业务代码以及静态资源的存储路径。

S250、在检测到与目标小程序对应的浏览器访问请求时，加载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化页面骨架。

S260、根据与目标小程序对应的总控文件中记录的存储路径，获取与目标小程序对应的业务代码以及静态资源。

S270、根据Web化页面骨架、业务代码以及所述静态资源，得到业务内容渲染结果。

在本实施例中，可以在所述小程序前端框架中，根据所述Web化页面骨架、所述业务代码以及所述静态资源，得到业务内容渲染结果。

在本申请实施例的另一个具体例子中，在Web化框架中渲染得到Web化页面骨架之后，还可以包括：为小程序编译包准备执行环境；根据与目标小程序对应的总控文件，线上获取与目标小程序对应的业务代码以及静态资源，可以包括：在确定准备好小程序编译包的执行环境时，根据与目标小程序对应的总控文件，线上获取与目标小程序对应的业务代码以及静态资源。

具体的，得到与目标小程序对应的Web化页面骨架之后，还可以为与目标小程序对应的小程序编译包准备执行环境；例如，为小程序编译包安装编辑器、安装插件或者配置调试参数等。根据与目标小程序对应的总控文件，线上获取与目标小程序对应的业务代码以及静态资源，可以包括：在确定准备好小程序编译包的执行环境时，根据与目标小程序对应的总控文件，线上获取与目标小程序对应的业务代码以及静态资源。

本发明实施例的技术方案在Web化框架中实现了小程序镜像客户端，通过在该小程序镜像客户端中直接运行复用的小程序前端框架，实现了在小程序前端框架修改时，无需修改Web化框架，即可通过该小程序镜像客户端直接运行修改后的小程序前端框架的技术效果，大大节省了开发成本，缩短了小程序新功能的开发时间。

应用场景

为了更好地理解本申请实施例，图3列举了小程序的Web化的部署流程，具体的，参考图3，小程序Web化的部署可以包括以下步骤：

S310、编译。小程序开发者使用开发工具对与目标小程序对应的小程序源码文件进行编译，得到与目标小程序对应的小程序编译包。

S320、发布。小程序开发者在得到小程序编译包后，将其上传至小程序服务器，以使得小程序服务器对该小程序编译包进行小程序部署，以及小程序Web化部署。

S330、部署。在小程序服务器中存储与目标小程序对应的小程序编译包，即可实现目标小程序的小程序部署，进而用户可以在某一应用程序内直接运行该目标小程序。

S340、解包。即将与目标小程序对应的小程序编译包进行解包处理，得到多个文件夹，进而可以在多个文件夹内存储的文件中，获取目标小程序对应的业务代码以及静态资源。

S341、上传静态资源。将获取到的与目标小程序对应的业务代码以及静态资源上传到CDN服务器中进行存储。

S342、生成总控文件。生成与目标小程序对应的总控文件，其中，总控文件中包括与目标小程序对应的业务代码、静态资源以及目标小程序Web化的配置信息。

S343、渲染。在检测到与目标小程序对应的浏览器访问请求时，根据对目标小程序的Web化部署结果，使用Web化框架对小程序编译包进行渲染，并将渲染结果提供给浏览器进行显示。

在上述例子中，小程序开发者通过开发工具对目标小程序的源码文件进行编译得到小程序编译包，通过将小程序编译包存储在小程序服务器中的部署方式，实现了小程序部署，可以直接实现在应用程序内打开小程序；通过对小程序编译包进行解包、上传静态资源、生成总控文件等小程序Web化部署以及小程序编译包的Web化渲染，可以使目标小程序在浏览器中显示。在上述例子中，仅通过小程序编译包即可实现小程序部署以及Web化部署以及Web化渲染，减少了现有技术中，生成Web化小程序的过程的失败概率。

在本应用场景的另一个具体例子中，图4细化了小程序的Web化的渲染流程，具体的，参考图4，小程序Web化的渲染可以包括以下步骤：

S410、框架渲染。对目标小程序的Web化框架进行渲染。框架渲染共包括S411-S413。

S411、框架加载。当检测待与目标小程序对应的浏览器访问请求时，从Web化框架中加载Web化框架。示例性的，与目标小程序对应的浏览器访问请求可以为域名为smartapps.cn的浏览器访问请求，也即，对小程序的浏览器访问请求。

S412、页面骨架渲染。在Web化框架中渲染得到Web化页面骨架，具体的，可以在Web化框架中运行小程序镜像客户端；通过小程序镜像客户端，运行小程序前端框架，得到Web化页面骨架；也可以在通过小程序镜像客户端检测到小程序前端框架对Web化框架提供的框架功能进行调用时，向Web化框架发送功能调用请求；通过小程序镜像客户端将Web化框架反馈的功能处理结果，提供给小程序前端框架，以实现Web化框架和小程序前端框架共同配合，得到Web化页面骨架。

S413、Runtime初始化。具体的，进行目标小程序的业务内容渲染的渲染准备。示例性的，可以为小程序编译包准备执行环境。

S420、业务渲染。实现目标小程序的业务内容渲染，将渲染结果提供给浏览器进行显示，框架渲染共包括S421-S423。

S421、业务代码加载。从CDN服务器中获取与目标小程序对应的业务代码以及静态资源。

S422、业务数据请求。在S412中渲染得到的Web化页面骨架中加载S421中加载的与目标小程序对应的业务代码得到待填充业务数据的原始页面，其中，原始页面中包括静态资源；向目标小程序的业务方服务器发送业务数据请求，获取业务数据；

S423、页面内容渲染。将目标小程序的业务方服务器反馈的业务数据填充于原始页面中，得到业务内容渲染结果，完成小程序的Web化渲染，将渲染结果提供给浏览器进行显示。

在上述例子中，分别对目标小程序的Web化框架以及业务内容进行渲染，实现了小程序的Web化渲染，并将渲染结果提供给浏览器进行显示，实现了小程序的Web化渲染。

实施例三

图5是为本申请实施例三提供的一种小程序的Web化运行装置的结构示意图，该装置可以执行本申请任意实施例中的小程序的Web化运行方法，该装置可以通过软件和/或硬件的方式实现，具体的，参考图5，该装置包括：小程序编译包获取模块510、目标小程序Web化部署模块520以及小程序编译包渲染模块530。

其中，小程序编译包获取模块510，用于获取目标小程序的小程序编译包；

目标小程序Web化部署模块520，用于根据小程序编译包，对目标小程序进行Web化部署；

小程序编译包渲染模块530，用于在检测到与目标小程序对应的浏览器访问请求时，根据对目标小程序的Web化部署结果，使用Web化框架对小程序编译包进行渲染，并将渲染结果提供给浏览器进行显示。

本实施例的方案，通过小程序编译包获取模块获取目标小程序的小程序编译包；通过目标小程序Web化部署模块根据小程序编译包，对目标小程序进行Web化部署；通过小程序编译包渲染模块在检测到与目标小程序对应的浏览器访问请求时，根据对目标小程序的Web化部署结果，使用Web化框架对小程序编译包进行渲染，并将渲染结果提供给浏览器进行显示。实现了小程序的Web化部署，在减少小程序Web化的操作流程的基础上，大大降低了小程序Web化的失败概率。

可选的，目标小程序Web化部署模块520，还可以具体用于对小程序编译包进行解包处理，得到与目标小程序对应的业务代码以及静态资源；将业务代码以及静态资源进行存储；生成与小程序编译包对应的总控文件，总控文件包括：业务代码以及静态资源的存储路径。

可选的，小程序编译包渲染模块530还可以包括：Web化框架加载单元、业务代码获取单元以及业务内容渲染结果生成单元。

其中，Web化框架加载单元，用于加载Web化框架，并在Web化框架中渲染得到Web化页面骨架；

业务代码获取单元，用于根据与目标小程序对应的总控文件中记录的存储路径，获取与目标小程序对应的业务代码以及静态资源；

业务内容渲染结果生成单元，用于根据Web化页面骨架、业务代码以及静态资源，得到业务内容渲染结果。

可选的，Web化框架加载单元，还可以包括小程序镜像客户端运行子单元，用于在Web化框架中运行小程序镜像客户端；通过小程序镜像客户端，运行小程序前端框架，得到Web化页面骨架。

可选的，业务代码获取单元，还可以包括业务内容渲染结果生成子单元，用于在小程序前端框架中，根据Web化页面骨架、业务代码以及静态资源，得到业务内容渲染结果。

可选的，本实施例中涉及到的小程序镜像客户端通过JavaScript代码实现；和/或小程序前端框架复用小程序客户端使用的小程序前端框架，所述小程序客户端与所述小程序镜像客户端相匹配。

可选的，业务内容渲染结果生成子单元，还可以用于在小程序前端框架中，加载业务代码以及静态资源；在渲染得到的Web化页面骨架中，运行业务代码，得到待填充业务数据的原始页面，原始页面中包括静态资源；向目标小程序的业务方服务器发送业务数据请求，获取业务数据；将业务数据填充于原始页面中，得到业务内容渲染结果。

可选的，小程序镜像客户端运行子单元，还可以用于在通过小程序镜像客户端检测到小程序前端框架对Web化框架提供的框架功能进行调用时，向Web化框架发送功能调用请求；通过小程序镜像客户端将Web化框架反馈的功能处理结果，提供给小程序前端框架。

可选的，小程序编译包渲染模块530还可以用于：为小程序编译包准备执行环境；相应的，小程序编译包渲染模块530包括的业务代码获取单元，还可以用于在确定准备好小程序编译包的执行环境时，根据与目标小程序对应的总控文件，线上获取与目标小程序对应的业务代码以及静态资源。

上述小程序的Web化运行装置可执行本申请任意实施例所提供的小程序的Web化运行方法，具备执行方法相应的功能模块和有益效果。未在本实施例中详尽描述的技术细节，可参见本申请任意实施例提供的小程序的Web化运行方法。

实施例四

本申请实施例四提供了一种电子设备和一种可读存储介质。图6是用来实现本申请实施例的小程序的Web化运行方法的电子设备的框图，如图6所示，是根据本申请任一实施例的小程序的Web化运行方法的电子设备的框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本申请的实现。

如图6所示，该电子设备包括：一个或多个处理器601、存储器602，以及用于连接各部件的接口，包括高速接口和低速接口。各个部件利用不同的总线互相连接，并且可以被安装在公共主板上或者根据需要以其它方式安装。处理器可以对在电子设备内执行的指令进行处理，包括存储在存储器中或者存储器上以在外部输入/输出装置(诸如，耦合至接口的显示设备)上显示GUI的图形信息的指令。在其它实施方式中，若需要，可以将多个处理器和/或多条总线与多个存储器和多个存储器一起使用。同样，可以连接多个电子设备，各个设备提供部分必要的操作(例如，作为服务器阵列、一组刀片式服务器、或者多处理器系统)。图6中以一个处理器601为例。

存储器602即为本申请所提供的非瞬时计算机可读存储介质。其中，存储器存储有可由至少一个处理器执行的指令，以使至少一个处理器执行本申请所提供的小程序的Web化运行的方法。本申请的非瞬时计算机可读存储介质存储计算机指令，该计算机指令用于使计算机执行本申请所提供的小程序的Web化运行的方法。

存储器602作为一种非瞬时计算机可读存储介质，可用于存储非瞬时软件程序、非瞬时计算机可执行程序以及模块，如本申请中的小程序的Web化运行的方法对应的程序模块(例如，附图5所示的小程序编译包获取模块510、目标小程序Web化部署模块520以及小程序编译包渲染模块530)。处理器601通过运行存储在存储器602中的非瞬时软件程序、指令以及模块，从而执行服务器的各种功能应用以及数据处理，即实现上述方法实施例中的小程序的Web化运行的方法。

也即：获取目标小程序的小程序编译包；

根据小程序编译包，对目标小程序进行Web化部署；

在检测到与目标小程序对应的浏览器访问请求时，根据对目标小程序的Web化部署结果，使用Web化框架对小程序编译包进行渲染，并将渲染结果提供给浏览器进行显示。

存储器602可以包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需要的应用程序；存储数据区可存储根据小程序的Web化运行的电子设备的使用所创建的数据等。此外，存储器602可以包括高速随机存取存储器，还可以包括非瞬时存储器，例如至少一个磁盘存储器件、闪存器件、或其他非瞬时固态存储器件。在一些实施例中，存储器602可选包括相对于处理器601远程设置的存储器，这些远程存储器可以通过网络连接至小程序的Web化运行的电子设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

小程序的Web化运行的方法的电子设备还可以包括：输入装置603和输出装置604。处理器601、存储器602、输入装置603和输出装置604可以通过总线或者其他方式连接，图6中以通过总线连接为例。

输入装置603可接收输入的数字或字符信息，以及产生与小程序的Web化运行的电子设备的用户设置以及功能控制有关的键信号输入，例如触摸屏、小键盘、鼠标、轨迹板、触摸板、指示杆、一个或者多个鼠标按钮、轨迹球、操纵杆等输入装置。输出装置604可以包括显示设备、辅助照明装置(例如，LED)和触觉反馈装置(例如，振动电机)等。该显示设备可以包括但不限于，液晶显示器(LCD)、发光二极管(LED)显示器和等离子体显示器。在一些实施方式中，显示设备可以是触摸屏。

此处描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、专用ASIC(专用集成电路)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。

这些计算程序(也称作程序、软件、软件应用、或者代码)包括可编程处理器的机器指令，并且可以利用高级过程和/或面向对象的编程语言、和/或汇编/机器语言来实施这些计算程序。如本文使用的，术语“机器可读介质”和“计算机可读介质”指的是用于将机器指令和/或数据提供给可编程处理器的任何计算机程序产品、设备、和/或装置(例如，磁盘、光盘、存储器、可编程逻辑装置(PLD))，包括，接收作为机器可读信号的机器指令的机器可读介质。术语“机器可读信号”指的是用于将机器指令和/或数据提供给可编程处理器的任何信号。

为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。

可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)和互联网。

计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。

根据本申请实施例的技术方案，解决了现有小程序的Web化运行失败概率高以及小程序Web化开发成本高的问题，实现了小程序的Web化部署，在减少了小程序Web化的操作流程的基础上，大大降低了小程序Web化的失败概率，并且节约了编写Web化框架的开发成本。

应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发申请中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本申请公开的技术方案所期望的结果，本文在此不进行限制。

上述具体实施方式，并不构成对本申请保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本申请的精神和原则之内所作的修改、等同替换和改进等，均应包含在本申请保护范围之内。

Claims (11)

1.一种小程序的网页Web化运行方法，其特征在于，包括：

获取目标小程序的小程序编译包；

根据所述小程序编译包，对所述目标小程序进行Web化部署；

在检测到与所述目标小程序对应的浏览器访问请求时，根据对所述目标小程序的Web化部署结果，使用Web化框架对所述小程序编译包进行渲染，并将渲染结果提供给浏览器进行显示；

其中，所述根据所述小程序编译包，对所述目标小程序进行Web化部署，包括：

生成与所述小程序编译包对应的总控文件，所述总控文件包括与所述目标小程序对应的业务代码以及静态资源的存储路径；

所述根据对所述目标小程序的Web化部署结果，使用Web化框架对所述小程序编译包进行渲染，包括：

获取Web化页面骨架、与所述目标小程序对应的业务代码以及静态资源；

根据所述Web化页面骨架、所述业务代码以及所述静态资源，得到业务内容渲染结果。

2.根据权利要求1所述的方法，其特征在于，所述生成与所述小程序编译包对应的总控文件，包括：

对所述小程序编译包进行解包处理，得到与所述目标小程序对应的业务代码以及静态资源；

将所述业务代码以及所述静态资源进行存储。

3.根据权利要求1所述的方法，其特征在于，所述获取Web化页面骨架、与所述目标小程序对应的业务代码以及静态资源，包括：

加载Web化框架，并在所述Web化框架中渲染得到Web化页面骨架；

根据与所述目标小程序对应的总控文件中记录的存储路径，获取与所述目标小程序对应的所述业务代码以及所述静态资源。

4.根据权利要求3所述的方法，其特征在于，加载Web化框架，并在所述Web化框架中渲染得到Web化页面骨架，包括：

在所述Web化框架中运行小程序镜像客户端；

通过所述小程序镜像客户端，运行小程序前端框架，得到所述Web化页面骨架；

根据所述Web化页面骨架、所述业务代码以及所述静态资源，得到业务内容渲染结果，包括：

在所述小程序前端框架中，根据所述Web化页面骨架、所述业务代码以及所述静态资源，得到业务内容渲染结果。

5.根据权利要求4所述的方法，其特征在于，所述小程序镜像客户端通过JavaScript代码实现；和/或

所述小程序前端框架复用小程序客户端使用的所述小程序前端框架，所述小程序客户端与所述小程序镜像客户端相匹配。

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

在所述小程序前端框架中，加载所述业务代码以及所述静态资源；

在渲染得到的所述Web化页面骨架中，运行所述业务代码，得到待填充业务数据的原始页面，所述原始页面中包括所述静态资源；

向所述目标小程序的业务方服务器发送业务数据请求，获取业务数据；

将所述业务数据填充于所述原始页面中，得到所述业务内容渲染结果。

7.根据权利要求4所述的方法，其特征在于，所述通过所述小程序镜像客户端，运行小程序前端框架，得到所述Web化页面骨架，还包括：

在通过所述小程序镜像客户端检测到所述小程序前端框架对所述Web化框架提供的框架功能进行调用时，向所述Web化框架发送功能调用请求；

通过所述小程序镜像客户端将所述Web化框架反馈的功能处理结果，提供给小程序前端框架。

8.根据权利要求3所述的方法，其特征在于，所述在所述Web化框架中渲染得到Web化页面骨架之后，还包括：

为小程序编译包准备执行环境；

根据与所述目标小程序对应的总控文件，线上获取与所述目标小程序对应的所述业务代码以及所述静态资源，包括：

在确定准备好小程序编译包的执行环境时，根据与所述目标小程序对应的总控文件，线上获取与所述目标小程序对应的所述业务代码以及所述静态资源。

9.一种小程序的Web化运行装置，其特征在于，包括：

小程序编译包获取模块，用于获取目标小程序的小程序编译包；

目标小程序Web化部署模块，用于根据所述小程序编译包，对所述目标小程序进行Web化部署；

小程序编译包渲染模块，用于在检测到与所述目标小程序对应的浏览器访问请求时，根据对所述目标小程序的Web化部署结果，使用Web化框架对所述小程序编译包进行渲染，并将渲染结果提供给浏览器进行显示；

其中，所述目标小程序Web化部署模块，具体用于

生成与小程序编译包对应的总控文件，所述总控文件包括与所述目标小程序对应的业务代码以及静态资源的存储路径；

所述小程序编译包渲染模块，具体用于获取Web化页面骨架、与所述目标小程序对应的业务代码以及静态资源；

根据所述Web化页面骨架、所述业务代码以及所述静态资源，得到业务内容渲染结果。

10.一种电子设备，包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-8中任一项所述的方法。

11.一种存储有计算机指令的非瞬时计算机可读存储介质，其特征在于，所述计算机指令用于使所述计算机执行权利要求1-8中任一项所述的方法。

Images