小程序异步组件配置的生成方法及装置

技术领域

本申请涉及小程序前端开发领域，尤其涉及一种小程序异步组件配置的生成方法及装置。

背景技术

uni-app框架是一个使用Vue.js开发所有前端应用的框架，开发者通过编写一套代码，可以发布到ios、Android、Web以及各种小程序平台。当前想在uni-app框架中使用分包异步化，只能在page.json路由文件对每个使用了异步组件的页面进行相关配置，假如有一个项目，因为主包内容大小已经超过小程序服务平台限制的2M，此时只能把一些全局组件全都放在一个分包中。每次新增页面使用该全局组件时需要在该新增页面进行配置，同时一些没有使用过异步组件的项目想要使用异步组件，也需要对历史多个页面进行异步组件配置的补充。

发明内容

本申请实施例提供了一种小程序异步组件配置的生成方法及装置，以期提高小程序异步组件的配置效率。

第一方面，本申请实施例提供了一种小程序异步组件配置的生成方法，包括：

打包目标文件，并获取打包后的目标文件的编译实例；

获取编译实例中第一目录下的第一路由文件的第一组件信息，其中，第一目录是指src目录，第一路由文件是指pages.json文件，第一组件信息包括第一路由文件中组件的名称及其配置信息；

生成第一组件信息的索引文件；

获取编译实例中第二目录下的第二路由文件的第二组件信息，其中，第二目录是指pages目录，第二路由文件是指.json格式的文件，第二组件信息包括第二路由文件中组件的名称及其路径；

根据索引文件和第二组件信息生成第二路由文件的异步组件配置，异步组件配置用于实现目标文件的分包异步化。

第二方面，本申请实施例提供了一种小程序异步组件配置的生成装置，上述装置包括：

打包单元，用于打包目标文件；

获取单元，用于获取打包后目标文件的编译实例以及编译实例中第一目录下的第一路由文件的第一组件信息，其中，第一目录是指src目录，第一路由文件是指pages.json文件，第一组件信息包括第一路由文件中组件的名称及其配置信息；

生成单元，用于生成打包后目标文件的编译实例以及第一组件信息的索引文件；

获取单元，还用于获取编译实例中第二目录下的第二路由文件的第二组件信息，其中，第二目录是指pages目录，第二路由文件是指json格式的文件，第二组件信息包括第二路由文件中组件的名称及其路径；

生成单元，还用于根据索引文件和第二组件信息生成第二路由文件的异步组件配置，异步组件配置用于实现目标文件的分包异步化。

第三方面，本申请实施例提供了一种小程序异步组件配置的生成装置，上述装置包括：

处理器、存储器、通信接口，所述处理器、所述存储区和所述通信接口相互连接，并且完成相互间的通信工作；

存储器上存储由可执行程序代码，通信接口用于进行无线通信；

处理器用于调取所述存储器上存储的所述可执行程序代码，是可执行程序代码执行如本申请实施例第一方面任一方法中所描述的部分或全部步骤。

第四方面，本申请实施例提供了一种计算机可读存储介质，计算机可读存储介质中存储有用于电子数据交换的计算机程序，计算机程序包括执行指令，执行指令用于执行第一方面任一方法中所描述的部分或全部步骤。

第五方面，本申请实施例提供了一种计算机程序产品，其中，计算机程序产品包括计算机程序，计算机程序可操作来使计算机执行如本申请实施例第一方面任一方法中所描述的部分或全部步骤。该计算机程序产品可以为一个软件安装包。

通过实施本申请实施例，服务器首先打包目标文件，并获取打包后的目标文件的编译实例；然后，获取编译实例中第一目录下的第一路由文件的第一组件信息；其次，生成第一组件信息的索引文件；再次，获取编译实例中第二目录下的第二路由文件的第二组件信息；最后，根据索引文件和第二组件信息生成第二路由文件的异步组件配置，异步组件配置用于实现目标文件的分包异步化。由于上述第一目录是指src目录，第二目录是指pages目录，第一路由文件是指pages.json文件，第二路由文件是指json格式的文件，第一组件信息包括第一路由文件中组件的名称及其配置信息，第二组件信息包括第二路由文件中组件的名称及其路径，因此第二路由文件的异步组件配置同时包含第一第二目录信息及第一第二路由文件信息，如此可以支撑目标文件的分包异步化操作的实施，相对于现有在page.json路由文件对每个使用了异步组件的页面进行相关配置的方案，无需用户冗繁配置操作，提高了代码编写效率,减少了重复的无意义代码,减小了小程序代码体积,同时可以让老旧项目更快速,更简便,更安全地进行小程序分包异步化从零到一的改造。

附图说明

为了更清楚地说明本申请实施例或背景技术中的技术方案，下面将对本申请实施例或背景技术中所需要使用的附图进行说明。

图1是本申请实施例提供的一种小程序平台系统的架构示意图；

图2是本申请实施例提供的一种小程序异步组件配置的生成方法的流程图；

图3是本申请实施例提供的一种小程序异步组件配置的生成装置的结构示意图；

图4是本申请实施例提供的另一种小程序异步组件配置的生成装置的结构示意图。

具体实施方式

为了使本技术领域的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分的实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。

本申请的说明书和权利要求书及所述附图中的术语“第一”、“第二”和“第三”等是用于区别不同对象，而不是用于描述特定顺序。此外，术语“包括”和“具有”以及它们任何变形，意图在于覆盖不排他的包含。例如包含了一系列步骤或单元的过程、方法、系统、产品或设备没有限定于已列出的步骤或单元，而是可选地还包括没有列出的步骤或单元，或可选地还包括对于这些过程、方法、产品或设备固有的其它步骤或单元。

在本文中提及“实施例”意味着，结合实施例描述的特定特征、结构或特性可以包含在本申请的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例，也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是，本文所描述的实施例可以与其它实施例相结合。

下面先对本申请实施例涉及到的关键概念和特征进行解释说明。

(1)小程序：小程序是一种不需要下载安装就可以使用的应用，包括但不限于微信小程序、支付宝小程序和QQ小程序。

(2)分包异步化:在小程序中，代码文件可以设置成不同分包，不同的分包对应不同的下载单元；因此，除了非独立分包可以依赖主包外，分包之间不能互相使用自定义组件或进行引用。分包异步化特性将允许通过一些配置和新的接口，使部分跨分包的内容可以等待下载后异步使用，从而一定程度上解决这个限制。

(3)异步组件:小程序中可以实现自定义组件,对相关重复逻辑的代码进行包装。跨分包使用的组件,因为跨分包后引用该组件需要下载,而下载是一个异步的过程,因此跨分包使用的组件称为异步组件。

(4)统一程序uni-app框架：是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。在此发明中uni-app框架用于将代码编译成小程序。

(5)webpack模块：webpack模块是uni-app框架下的一个用于现代JavaScript应用程序的静态模块打包工具。

(6)plugin插件：plugin是一种遵循应用程序接口规范的编译插件。

(7)pages.json文件：pages.json用于uni-app的全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar等。在此发明中pages.json文件用于确定分包中使用的组件的配置。

目前，想在uni-app框架中使用分包异步化,只能在page.json路由文件对每个使用了异步组件的页面进行相关配置,假如有一个项目,因为主包内容已经超过微信限制的2M,此时只能把一些全局组件全都放到一个分包中。每次新增页面使用该全局组件时就得在页面下进行配置,同时一些没有使用过异步分包化的项目想要改成使用,就要对历史多个页面进行补充,很容易出现错误和浪费时间,改动成本过大。

针对上述问题，本申请实施例提供一种小程序异步组件配置的生成方法，服务器首先打包目标文件，并获取打包后的目标文件的编译实例；获取编译实例中第一目录下的第一路由文件的第一组件信息，其中，第一目录是指src目录，第一路由文件是指pages.json文件，第一组件信息包括第一路由文件中组件的名称及其配置信息；生成第一组件信息的索引文件；获取编译实例中第二目录下的第二路由文件的第二组件信息，其中，第二目录是指pages目录，第二路由文件是指json格式的文件，第二组件信息包括第二路由文件中组件的名称及其路径；根据索引文件和第二组件信息生成第二路由文件的异步组件配置，异步组件配置用于实现目标文件的分包异步化。服务器可以在uni-app框架下基于webpack模块及该模块下的plugin插件实现根据全局组件的配置自动在相关使用了异步组件的页面进行异步组件的配置，不用在每个使用异步组件的页面单独配置，提高了代码编写效率,减少了重复的无意义代码,减小了小程序代码体积,同时可以让老旧项目更快速,更简便,更安全地进行小程序分包异步化从零到一的改造。

请参见图1，图1是本申请实施例提供的一种小程序平台系统的架构示意图，该小程序平台系统包括客户端101和小程序平台服务器102，其中，所述客户端101可以是计算机、移动终端、手持式终端、蜂窝式终端等终端，主要用于开发人员对小程序进行开发，所述客户端支持在本地云运行uni-app框架和小程序，以及支持对开发过程中的所述打包后的目标文件的编译实例的源码进行更新和编译，开发人员可以在客户端101上进行代码、所述第一组件信息和所述第二组件信息的变更、新增、编辑、克隆、备份、回滚、示例等多种操作；所述客户端101可以与小程序平台服务器102或其他设备进行通信连接，通过所述通信连接，所述客户端101可以访问和调用存储于小程序平台服务器102或其他设备的目标文件的代码数据。

所述小程序平台服务器102可以为一个服务器或者多个服务器组成的服务器集群，用于所述管理所述第一组件信息和所述第二组件信息，该小程序平台服务器102能够与客户端101建立通信连接，因此可以接收和发送所述第一组件信息和所述第二组件信息，可选的，该小程序平台服务器102可以与位于本地的或是位于云端的代码存储仓库进行通信连接，以此获取存储在所述代码存储仓库的所述打包后的目标文件的编译实例的源码。

请参见图2，图2是本申请实施例提供的小程序异步组件配置的生成方法的流程图，应用于如图1所示的小程序平台服务器102，该实施例的方法包括如下步骤：

步骤S100：打包目标文件，并获取打包后的所述目标文件的编译实例。

在一种可能的实现方式中，本申请实施例的方法设置有小程序开发平台服务器，小程序开发平台服务器设置有统一应用程序uni-app框架，调用uni-app框架中的webpack模块对目标文件执行打包操作，得到打包后的目标文件。

其中，调用uni-app框架中的webpack模块对目标文件执行打包操作，得到打包后的目标文件，webpack具有其他打包工具，如Grunt和Gulp的编译、压缩以及合并的功能，同时还具备模块化开发和组件式开发的优点。

可见，在本示例中，通过使用webpack模块打包，打包速度快，编译效果好，可以提高异步组件配置过程中打包文件和编译文件的效率。

在一种可能的实现方式中，调用webpack模块中的plugin插件对打包后的目标文件执行编译操作，得到打包后的目标文件的编译实例。

其中，webpack模块中的plugin插件使用Vue语法，代码编译打包后每个.vue文件都会生成一个对应的json文件，扩展能力强，可以编译成多端使用。

可见，在本示例中，通过调用webpack模块中的plugin插件，学习成本低，使用方便。

在一种可能的实现方式中，本申请实施例中的目标文件是JavaScript文件，目标文件也可以是CSS和图片等资源，目标文件具有用于确定目标文件目录并在页面上显示目标文件的目录结构的目标文件标识。

其中，目标文件标识可以是目标文件的根目录地址，也可以是先前已创建的文件的别名。前者可直接填写，后者可通过下拉菜单选择。

可见，在本示例中，通过构建目标文件标识可以减少异步组件配置过程中相关配置文件检索用时，直接定位到目标文件中使用该组件的配置文件路径，提高方法效率。

步骤S101：获取所述编译实例中第一目录下的第一路由文件的第一组件信息。

其中，所述第一目录是指src目录，所述第一路由文件是指pages.json文件，所述第一组件信息包括所述第一路由文件中组件的名称及其配置信息。

在一种可能的实现方式中，步骤S101包括：获取编译实例中第一目录下的第一路由文件；从第一路由文件中获取第一组件信息。所述获取所述编译实例中第一目录下的第一路由文件的第一组件信息，包括：创建正则规则/src/pages.json$/；根据正则规则/src/pages.json$/从第一目录中匹配出第一路由文件。

其中，首先创建正则规则/src/pages.json$/，然后通过创建的正则规则/src/pages.json$/匹配出第一目录下的第一路由文件。

可见，本示例中，通过创建的正则规则/src/pages.json$/，可以避免人工逐一寻找第一目录下的第一路由文件所需要消耗的时间成本和人力成本。

在一种可能的实现方式中，创造正则规则/src/pages.json$/调用JavaScript中的matchAll模块生成。

其中，JavaScript中的matchAll方法可以根据输入的正则规则对象返回一个包含所有匹配正则规则的结果及其分组捕获组的迭代器，该迭代器可以使用更方便的for循环、数组展开语法或Array.from函数。

可见，本示例中，通过调用JavaScript中的matchAll方法，可以避免在代码编写时使用while循环和带有g标志的exec。通过改变代码编写时候的循环结构节省代码编写的时间成本和人力成本。

在一种可能的实现方式中，第一组件信息通过fs模块读取第一路由文件中的组件名称及其配置信息。

其中，Node.js模块中的fs功能避免了传统方法读取文件时需要先打开文件获取fd并且同时设置好文件操作符和文件权限位的繁琐流程，提供了一步到位的读取文件数据方法。

可见，本示例中，通过Node.js模块中的fs功能实现文件读取操作，内敛了fs.open和fs.close等繁琐操作，可以节省在文件读取中的时间成本。

具体地，本申请通过fs模块读取pages.json文件,所述pages.json内容包括pages节点、subPackages节点和componentPlaceholder节点。pages节点包括用于配置页面路径的path对象和用于配置页面窗口的表现的style对象，subPackages节点包括用于确定分包的根目录的root对象和用于确定分包由哪些页面组成的pages对象，componentPlaceholder节点包括文件中使用的组件名称及配置，所述第一组件信息通过汇总所述pages.json文件中所有componentPlaceholder节点中的组件名称及配置得到。

步骤S102：生成所述第一组件信息的索引文件。

在一种可能的实现方式中，请再次参阅图3，索引文件内容与第一组件信息内容相同，索引文件是第一组件信息经过调用JavaScript中的newMap模块处理生成的。

其中，通过JavaScript中的newMap模块传入可迭代对象，该可迭代对象包括一个或多个键值对，在本申请实施例中键值对分别为组件的名称和该名称组件的配置。通过构建索引文件方便后续对索引文件中组件名称和组件配置的添加、获取、删除和遍历等操作，同时，可以使用has方法判断索引文件中是否包含某个特定的建，即组件名称。

可见，在本示例中，通过JavaScript中的newMap模块传入可迭代对象，方便后续与第二组件信息进行对比生成第二配置信息，节省时间成本。

步骤S103：获取所述编译实例中第二目录下的第二路由文件的第二组件信息。

其中，第二目录是指pages目录，第二路由文件是指.json格式的文件，第二组件信息包括第二路由文件中组件的名称及其路径。

在一种可能的实现方式中，步骤S103包括：获取编译实例中第二目录下第二路由文件；从第二路由文件中获取第二组件信息。所述获取所述编译实例中第二目录下的第二路由文件的第二组件信息包括：创建正则规则/.*pages/.*.json$/；根据正则规则/.*pages/.*.json$/从第二目录中匹配出第二路由文件。

其中，首先通过创建的正则规则/.*pages/.*.json$/匹配出第二目录下的第二路由文件，然后调用Node.js中的fs模块获取编译实例中第二目录下第二路由文件及该路由文件的第二组件信息，第二路由文件组成一个列表，该列表集合命名为jsonFileList。

可见，本示例中，通过创建的正则规则/.*pages/.*.json$/，可以避免人工逐一寻找第二目录下的第二路由文件所需要消耗的时间成本和人力成本。

在一种可能的实现方式中，创造正则规则/.*pages/.*.json$/调用JavaScript中的matchAll模块生成。

其中，JavaScript中的matchAll方法可以根据输入的正则规则对象返回一个包含所有匹配正则规则的结果及其分组捕获组的迭代器，该迭代器可以使用更方便的for循环、数组展开语法或Array.from函数。

可见，本示例中，通过调用JavaScript中的matchAll方法，可以避免在代码编写时使用while循环和带有g标志的exec。通过改变代码编写时候的循环结构节省代码编写的时间成本和人力成本。

在一种可能的实现方式中，第二组件信息通过fs模块读取第二路由文件中的组件名称及其配置信息。

其中，Node.js模块中的fs功能避免了传统方法读取文件时需要先打开文件获取fd并且同时设置好文件操作符和文件权限位的繁琐流程，提供了一步到位的读取文件数据方法。

可见，本示例中，通过Node.js模块中的fs功能实现文件读取操作，内敛了fs.open和fs.close等繁琐操作，可以节省在文件读取中的时间成本。

具体地，与步骤S101中获取第一组件信息的方法相同，获取第二路由文件的“componentPlaceholder”模块下的组件名称及其路径信息，将获取的组件名称及其路径信息汇总得到第二组件信息。

步骤S104：根据所述索引文件和所述第二组件信息生成所述第二路由文件的异步组件配置。

在一种可能的实现方式中，步骤S104包括：获取索引文件的第一配置信息，其中，第一配置信息是指索引文件中与第二路由文件的组件名称一致的组件的配置信息；获取第二路由文件的第二配置信息，其中，第二配置信息是指第二路由文件中与索引文件的组件名称一致的组件的配置信息；将第二路由文件中的第二配置信息更新为第一配置信息，以得到第二路由文件的异步组件配置。

其中，通过Node.js模块中的fs功能获取索引文件的第一配置信息和第二路由文件的第二配置信息，对第二路由文件构成的列表集合jsonFlielist进行遍历，在索引文件中读取是否有与jsonFlielist中同名的组件，如果有代表着这个文件使用了异步组件，同时生成该异步组件配置，将该配置赋值给第二路由文件中的componentPlaceholder属性。

可见，在本示例中，通过Node.js模块中的fs功能实现文件读取操作，避免了传统方法读取文件时需要先打开文件获取fd并且同时设置好文件操作符和文件权限位的繁琐流程，提供了一步到位的读取文件数据方法，内敛了fs.open和fs.close等繁琐操作，可以节省在文件读取中的时间成本。

具体地，假设pages/aaa/index页面使用了全局组件中的“sw-button”组件和“sw-section”组件，即第二路由文件中与索引文件的组件名称一致的组件为“sw-button”和“sw-section”。此时根据第二组件信息得到第二路由文件中“sw-button”和“sw-section”的配置分别为“/pages/businessComponents/SwSection”和“/pages/businessComponents/SwButton”，即第二配置信息，并根据第一组件信息得到第一路由文件中“sw-button”和“sw-section”的配置分别为“button”和“view”，即第一配置信息。然后将第一配置信息更新到第二配置信息中，此时第二路由文件中生成与索引文件组件名称一致的异步组件的配置，此时第二路由文件下“usingComponents”模块下的“sw-button”的配置更新为“button”，“sw-section”的配置更新为“view”，完成异步组件配置的生成。通过根据所述索引文件和所述第二组件信息生成所述第二路由文件的异步组件配置，可以完成异步组件配置的生成，实现分包异步化。

在另一实施例中，本申请提供的小程序异步组件配置的生成方法通过脚本实现。

其中，脚本使用了uni-app框架下的webpack模块的plugins功能，脚本配置在plugins并在编译完成后自动执行，实现小程序异步组件配置的自动生成。

可见，在本示例中，通过使用脚本自动配置并执行，可以减少因人工操作而导致的拼写错误，提高方法效率。

通过实施图2所示的小程序异步组件配置的生成方法的实施例，第二路由文件的异步组件配置同时包含第一第二目录信息及第一第二路由文件信息，如此可以支撑目标文件的分包异步化操作的实施，相对于现有在page.json路由文件对每个使用了异步组件的页面进行相关配置的方案，无需用户冗繁配置操作，提高了代码编写效率,减少了重复的无意义代码,减小了小程序代码体积,同时可以让老旧项目更快速,更简便,更安全地进行小程序分包异步化从零到一的改造。

请参阅图3，图3是本申请实施例提供的一种小程序异步组件配置的生成装置的结构示意图，如图3所示：

一种小程序异步组件配置的生成装置，上述装置包括：

打包单元301，用于打包目标文件；

获取单元302，用于获取打包后目标文件的编译实例以及编译实例中第一目录下的第一路由文件的第一组件信息，其中，第一目录是指src目录，第一路由文件是指pages.json文件，第一组件信息包括第一路由文件中组件的名称及其配置信息；

生成单元303，用于生成打包后目标文件的编译实例以及第一组件信息的索引文件；

其中，获取单元302还用于获取编译实例中第二目录下的第二路由文件的第二组件信息，其中，第二目录是指pages目录，第二路由文件是指json格式的文件，第二组件信息包括第二路由文件中组件的名称及其路径；生成单元303还用于根据索引文件和第二组件信息生成第二路由文件的异步组件配置，异步组件配置用于实现目标文件的分包异步化。

可见，在本示例中，通过打包单元打包目标文件；通过获取单元获取打包后目标文件的编译实例、编译实例中第一目录下的第一路由文件的第一组件信息以及编译实例中第二目录下的第二路由文件的第二组件信息；通过生成单元生成打包后目标文件的编译实例、第一组件信息的索引信息以及根据索引文件和第二组件信息生成第二路由文件的异步组件配置。通过小程序异步组件配置的生成装置优化了小程序异步组件配置的生成速度，提高了使用异步组件的页面的查找和配置效率，节约由人工配置异步组件导致的时间成本和人力成本。

具体地，本申请实施例可以根据上述方法示例对小程序异步组件配置的生成装置进行功能单元的划分，例如，可以对应各个功能划分各个功能单元，也可以将两个或两个以上的功能集成在一个处理单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。需要说明的是，本申请实施例中对单元的划分是示意性的，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式。

请参阅图4，图4是本申请实施例提供的另一种小程序异步组件配置的生成装置的结构示意图，如图4所示：

一种小程序异步组件配置的生成装置，包括：

处理器、存储器、通信接口，处理器、存储器和通信接口相互连接，并且完成相互间的通信工作；

存储器上存储有可执行程序代码，通信接口用于进行无线通信；

处理器用于调取存储器上存储的可执行程序代码，执行如上述方法实施例中记载的任何一种小程序异步组件配置的生成方法的部分或全部步骤，上述计算机包括电子终端设备。

其中，存储器可以是易失性存储器如动态随机存储器DRAM，也可以是非易失性存储器如机械硬盘。上述存储器用于存储一组可执行程序代码，上述处理器用于调用存储器中存储的可执行程序代码，可以执行如上述小程序异步组件配置的生成方法实施例中记载的任何一种小程序异步组件配置的生成方法的部分或全部步骤。

本申请实施例提供了一种计算机可读存储介质，计算机可读存储介质中存储有用于电子数据交换的计算机程序，计算机程序包括执行指令，执行指令用于执行如上述小程序异步组件配置的生成方法实施例中记载的任何一种小程序异步组件配置的生成方法的部分或全部步骤，上述计算机包括电子终端设备。

本申请实施例提供了一种计算机程序产品，其中，计算机程序产品包括计算机程序，计算机程序可操作来使计算机如上述方法实施例中记载的任何一种小程序异步组件配置的生成方法的部分或全部步骤，该计算机程序产品可以是一个软件安装包。

需要说明的是，对于前述的任一种小程序异步组件配置的生成方法的实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请并不受所描述的动作顺序的限制，因为依据本申请，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作并不一定是本申请所必须的。

以上对本申请实施例进行了详细介绍，本文中应用了具体个例对本申请一种小程序异步组件配置的生成方法及装置的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的一般技术人员，依据本申请一种小程序异步组件配置的生成方法及装置的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本申请的限制。

本申请是参照本申请实施例的方法、硬件产品和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。存储器可以包括：闪存盘、只读存储器(英文：Read-Only Memory，简称：ROM)、随机存取器(英文：Random Access Memory，简称：RAM)、磁盘或光盘等。

尽管在此结合各实施例对本申请进行了描述，然而，在实施所要求保护的本申请过程中，本领域技术人员通过查看附图、公开内容、以及所附权利要求书，可理解并实现所公开实施例的其他变化。在权利要求中，“包括”(comprising)一词不排除其他组成部分或步骤，“一”或“一个”不排除多个的情况。相互不同的从属权利要求中记载了某些措施，但这并不表示这些措施不能组合起来产生良好的效果。

本领域普通技术人员可以理解上述任一种小程序异步组件配置的生成方法的方法实施例的各种方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，该程序可以存储于计算机可读存储器中，存储器可以包括：闪存盘、只读存储器(英文：Read-Only Memory，简称：ROM)、随机存取器(英文：Random Access Memory，简称：RAM)、磁盘或光盘等。

可以理解的是，凡是被控制或者被配置以用于执行本申请一种小程序异步组件配置的生成方法实施例所描述的流程图的处理方法的产品，如上述流程图的装置以及计算机程序产品，均属于本申请所描述的相关产品的范畴。

显然，本领域的技术人员可以对本申请提供的一种小程序异步组件配置的生成方法及装置进行各种改动和变型而不脱离本申请的精神和范围。这样，倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内，则本申请也意图包含这些改动和变型在内。