CN113703785A - 基于组件的平台部署方法、装置、设备及存储介质 - Google Patents

Abstract

本发明涉及基架运维领域，公开了一种基于组件的平台部署方法、装置、设备及存储介质。该方法包括：获取待部署平台对应的部署请求并从中提取平台参数；根据平台参数，从预置多端配置中心选取待部署平台对应的平台配置信息和多个页面模板；根据平台配置信息，从预置组件库中选取对应的多个平台配置组件，并对各平台配置组件进行组合，得到待部署平台对应的组件树；在各页面模板上对组件树进行可视化处理，得到待部署平台对应的多个可视化页面，并对各可视化页面进行打包，得到平台部署数据包；将平台部署数据包发送至目标客户端进行待部署平台的部署。本发明实现了多端平台开发的自定义配置，提升了小程序或者快应用等平台的配置化程度。

Description

基于组件的平台部署方法、装置、设备及存储介质

技术领域

本发明涉及基架运维领域，尤其涉及一种基于组件的平台部署方法、装置、设备及存储介质。

背景技术

当下通过社交APP中支持的小程序与特定的快应用APP进行操作业务流程已成为大众主流，而对于小程序与快应用来说，一套代码数据支持配置且支持多个不同的端口，后期所需要的开发成本过于庞大，且在不同端与环境中的开发方案有所不同，故支持多端与多环境的打包方案与支持数据配置已经成为重点研究的问题。

虽然使用uniapp等多端适配方案可以支持小程序或者快应用的多端开发，但是并没有支持业务流程的数据配置化，这也会导致业务流程相同的产品在重复开发，且在后台接口与前台数据方面数据与缓存均有不同方式的解决案例过于复杂，从而导致开发进程缓慢人力成本大大提升，并且后期的维护也很复杂，即现有多端小程序或者快应用等平台开发不支持自定义配置。

发明内容

本发明的主要目的在于解决现有多端小程序或者快应用等平台开发不支持自定义配置的问题。

本发明第一方面提供了一种基于组件的平台部署方法，包括：获取待部署平台对应的部署请求，并提取所述部署请求中目标客户端对应的平台参数；

根据所述平台参数，从预置多端配置中心选取所述待部署平台对应的平台配置信息和多个页面模板；根据所述平台配置信息，从预置组件库中选取对应的多个平台配置组件，并对各所述平台配置组件进行组合，得到所述待部署平台对应的组件树；在各所述页面模板上对所述组件树进行可视化处理，得到所述待部署平台对应的多个可视化页面，并对各所述可视化页面进行打包，得到平台部署数据包；将所述平台部署数据包发送至所述目标客户端进行待部署平台的部署。

可选的，在本发明第一方面的第一种实现方式中，所述根据所述平台参数，从预置多端配置中心选取所述待部署平台对应的平台配置信息和多个页面模板包括：解析所述平台参数，得到所述待部署平台对应的功能标识信息和页面信息，并根据所述功能标识信息，从预置多端配置中心选取对应的多个功能配置表；采用所述功能标识信息，遍历各所述功能配置表，得到所述待部署平台对应的多个功能配置项，并拼接各所述功能配置项，得到所述待部署平台的平台配置信息；根据所述页面信息，从所述多端配置中心中选取对应尺寸的多级别的页面模板。

可选的，在本发明第一方面的第二种实现方式中，所述对各所述平台配置组件进行组合，得到所述待部署平台对应的组件树包括：提取各所述平台配置组件中的组件插槽接口和组件样式接口；基于各所述平台配置组件中对应的组件插槽接口，对各所述平台配置组件进行连接，得到初始组件树；根据各所述平台配置组件对应的组件样式接口，对所述初始组件树中的各平台配置组件进行样式编辑，得到所述待部署平台对应的组件树。

可选的，在本发明第一方面的第三种实现方式中，所述根据各所述平台配置组件对应的组件样式接口，对所述初始组件树中的各平台配置组件进行样式编辑，得到所述待部署平台对应的组件树包括：在各所述组件样式接口查找所述初始组件树中对应平台配置组件的样式变量列表；基于所述样式变量列表，分别配置所述初始组件树中各平台配置组件在所述待部署平台中的样式变量编辑表单；根据所述样式变量编辑表单，对所述初始组件树中各平台配置组件的样式变量的取值进行编辑，得到所述待部署平台对应的组件树。

可选的，在本发明第一方面的第四种实现方式中，所述在各所述页面模板上对所述组件树进行可视化处理，得到所述待部署平台对应的多个可视化页面包括：提取所述组件树中各平台配置组件的相对位置信息，并基于所述相对位置信息，采用预置渲染函数，分别在各所述页面模板上对组件树进行渲染，得到多个初始可视化页面；对各所述初始可视化页面进行跳转关联，得到所述待部署平台对应的多个可视化页面。

可选的，在本发明第一方面的第五种实现方式中，在所述根据所述平台配置信息，从预置组件库中选取对应的多个平台配置组件，并对各所述平台配置组件进行组合，得到所述待部署平台对应的组件树之后，还包括：调用所述待部署平台对应的入口文件，并根据所述入口文件，从预置第三方组件库获取第三方组件；将所述组件树中的预置触发事件传递至预置对外接口实例中，并基于所述触发事件传递后的对外接口实例，将所述第三方组件拼接至所述组件树中，得到更新后的组件树。

本发明第二方面提供了一种基于组件的平台部署装置，包括：提取模块，用于获取待部署平台对应的部署请求，并提取所述部署请求中目标客户端对应的平台参数；选取模块，用于根据所述平台参数，从预置多端配置中心选取所述待部署平台对应的平台配置信息和多个页面模板；组合模块，用于根据所述平台配置信息，从预置组件库中选取对应的多个平台配置组件，并对各所述平台配置组件进行组合，得到所述待部署平台对应的组件树；可视化处理模块，用于在各所述页面模板上对所述组件树进行可视化处理，得到所述待部署平台对应的多个可视化页面，并对各所述可视化页面进行打包，得到平台部署数据包；部署模块，用于将所述平台部署数据包发送至所述目标客户端进行待部署平台的部署。

可选的，在本发明第二方面的第一种实现方式中，所述选取模块包括：解析单元，用于解析所述平台参数，得到所述待部署平台对应的功能标识信息和页面信息，并根据所述功能标识信息，从预置多端配置中心选取对应的多个功能配置表；拼接单元，用于采用所述功能标识信息，遍历各所述功能配置表，得到所述待部署平台对应的多个功能配置项，并拼接各所述功能配置项，得到所述待部署平台的平台配置信息；选取单元，用于根据所述页面信息，从所述多端配置中心中选取对应尺寸的多级别的页面模板。

可选的，在本发明第二方面的第二种实现方式中，所述组合模块包括：提取单元，用于提取各所述平台配置组件中的组件插槽接口和组件样式接口；连接单元，用于基于各所述平台配置组件中对应的组件插槽接口，对各所述平台配置组件进行连接，得到初始组件树；编辑单元，用于根据各所述平台配置组件对应的组件样式接口，对所述初始组件树中的各平台配置组件进行样式编辑，得到所述待部署平台对应的组件树。

可选的，在本发明第二方面的第三种实现方式中，所述编辑单元还用于：在各所述组件样式接口查找所述初始组件树中对应平台配置组件的样式变量列表；基于所述样式变量列表，分别配置所述初始组件树中各平台配置组件在所述待部署平台中的样式变量编辑表单；根据所述样式变量编辑表单，对所述初始组件树中各平台配置组件的样式变量的取值进行编辑，得到所述待部署平台对应的组件树。

可选的，在本发明第二方面的第四种实现方式中，所述可视化处理模块包括：渲染单元，用于提取所述组件树中各平台配置组件的相对位置信息，并基于所述相对位置信息，采用预置渲染函数，分别在各所述页面模板上对组件树进行渲染，得到多个初始可视化页面；关联单元，用于对各所述初始可视化页面进行跳转关联，得到所述待部署平台对应的多个可视化页面。

可选的，在本发明第二方面的第五种实现方式中，所述基于组件的平台部署装置还包括更新模块，用于：调用所述待部署平台对应的入口文件，并根据所述入口文件，从预置第三方组件库获取第三方组件；将所述组件树中的预置触发事件传递至预置对外接口实例中，并基于所述触发事件传递后的对外接口实例，将所述第三方组件拼接至所述组件树中，得到更新后的组件树。

本发明第三方面提供了一种基于组件的平台部署设备，包括：存储器和至少一个处理器，所述存储器中存储有指令；所述至少一个处理器调用所述存储器中的所述指令，以使得所述基于组件的平台部署设备执行上述的基于组件的平台部署方法。

本发明的第四方面提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有指令，当其在计算机上运行时，使得计算机执行上述的基于组件的平台部署方法。

本发明提供的技术方案中，通过预先配置好的平台参数来选取相应的平台配置信息和平台页面模板，以用于选取对应的平台配置组件构建组件树，并在平台页面模板上进行可视化处理，即可得到平台部署的数据包，目标客户端可以直接根据页面部署数据包实现待部署平台的部署。通过高度组件化应用减少开发与维护的人力成本，大大减少开发的工作量，加速开发进程；且统一开发配置，不仅支持多环境数据包且使用的语法统一，不同的数据包只需切换数据包命令，减少开发工作量，加快开发效率，减少代码冗余。

附图说明

图1为本发明实施例中基于组件的平台部署方法的第一个实施例示意图；

图2为本发明实施例中基于组件的平台部署方法的第二个实施例示意图；

图3为本发明实施例中基于组件的平台部署方法的第三个实施例示意图；

图4为本发明实施例中基于组件的平台部署装置的一个实施例示意图；

图5为本发明实施例中基于组件的平台部署装置的另一个实施例示意图；

图6为本发明实施例中基于组件的平台部署设备的一个实施例示意图。

具体实施方式

本发明实施例提供了一种基于组件的平台部署方法、装置、设备及存储介质，获取待部署平台对应的部署请求并从中提取平台参数；根据平台参数，从预置多端配置中心选取待部署平台对应的平台配置信息和多个页面模板；根据平台配置信息，从预置组件库中选取对应的多个平台配置组件，并对各平台配置组件进行组合，得到待部署平台对应的组件树；在各页面模板上对组件树进行可视化处理，得到待部署平台对应的多个可视化页面，并对各可视化页面进行打包，得到平台部署数据包；将平台部署数据包发送至目标客户端进行待部署平台的部署。本发明实现了多端平台开发的自定义配置，提升了小程序或者快应用等平台的配置化程度。

本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”、“第四”等(如果存在)是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的实施例能够以除了在这里图示或描述的内容以外的顺序实施。此外，术语“包括”或“具有”及其任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

为便于理解，下面对本发明实施例的具体流程进行描述，请参阅图1，本发明实施例中基于组件的平台部署方法的第一个实施例包括：

101、获取待部署平台对应的部署请求，并提取部署请求中目标客户端对应的平台参数；

可以理解的是，本发明的执行主体可以为基于组件的平台部署装置，还可以是终端或者服务器，具体此处不做限定。本发明实施例以服务器为执行主体为例进行说明。

本实施例中，开发人员在前端页面中选取待部署平台的平台参数，并以部署请求的发送，故接收到的部署请求中携带有平台参数，其中，平台参数由一张表格记录，包括运行系统、网页页面尺寸、功能标识等信息，运行环境包括Android、IOS、塞班、WP和火狐等，Android的网页页面尺寸可以为720mm*1280mm、1080mm*1920mm等，IOS的网页页面尺寸可以为750mm*1334mm、1125mm*2436mm、1242mm*2208mm等，功能标识可以包括支付功能、地图功能、分享功能、客服功能等对应的标识。故通过提取部署请求中的平台参数，即可确定待部署平台所在的运行系统，所需的功能模块，网页页面的尺寸等，后续再在多端配置中心中选取各个平台参数对应的具体平台配置信息。

102、根据平台参数，从预置多端配置中心选取待部署平台对应的平台配置信息和多个页面模板；

本实施例中，预置多端配置中心为虚拟配置中心，预先配置了各类型平台的平台配置信息和各个尺寸的页面模板，多端配置中心根据上传的平台参数，返回所需要的平台配置信息和页面模板，其中平台配置信息可以为JSON数据格式，比如平台参数为IOS微信小程序传递的关于电商平台的平台参数，则在多端配置中心中获取IOS微信小程序所需的平台配置信息和页面模板。

平台参数标记了待部署平台所需的功能项目，并以功能标识信息的方式进行记录，平台参数还记录了待部署平台的显示页面的尺寸、样式等页面信息，通过功能标识信息可以确定每个功能所需要用到的组件和组件具体的配置内容等，通过页面信息可以确定待部署平台所需要的页面数量、每个页面的上下级、尺寸、样式等。值的注意的是，配置信息仅记录了各个功能配置项，并无部署的具体组件和配置文件。

本实施例中，在前期开发人员设置平台配置信息和页面模板时，可以通过在资源文件面板，开发人员通过拖拽的方式上传与各个平台各类型业务相关的平台配置文件，同时也能浏览已上传的文件列表和文件缩略信息；在编辑组件样式时，遇到如URL性质的样式属性，开发人员可将图片等资源从资源面板拖入组件样式编辑面板，成为平台配置信息和页面模板。

103、根据平台配置信息，从预置组件库中选取对应的多个平台配置组件，并对各平台配置组件进行组合，得到待部署平台对应的组件树；

本实施例中，组件库里包含了很多组件，比如图片(Image)、轮播图(Swiper)、文本(Text)、输入框(View)、超链接(Navigator)等，通过平台配置信息，可以确定待部署平台中各个功能项目所需的平台配置组件，比如在前述提到的商城平台，在客服系统中，需要输入框、超级链接、文本、图片等平台配置组件，组成一个完整的客服咨询页面，则此处根据平台配置信息，即可选取到对应的平台配置组件。

具体的，比如待部署平台的一个功能项目由10个页面组成，第一级页面包括页面A、第二级页面包括页面A跳转的页面B、C、D，第三级页面包括页面C跳转的页面E、F、G，D页面跳转的页面H、I，第四集页面包括页面I跳转的页面J，每个页面由Header、Main和Foot三个部分组成，则第一级页面作为第一级节点，包括三个部分平台配置组件对应的三个分支的第二级节点，并在第二级节点中组合跳转的第二级页面三个部分平台配置组件对应的第三级节点，以此类推，直到连接全部页面对应的平台配置组件；再按照该方式进行下一个功能项目对应平台配置组件的组合，以此类推，即可得到该待部署平台对应的组件树。

104、在各页面模板上对组件树进行可视化处理，得到待部署平台对应的多个可视化页面，并对各可视化页面进行打包，得到平台部署数据包；

本实施例中，通过调用渲染函数，将组件树绘制成前端界面可以看到的页面。如果不同平台在多端配置中心的平台配置信息一致的话，渲染出来的页面也会保持一致，如果平台配置信息不一致的话，则不同平台会渲染出不同的页面展示给用户，最后通过打包待部署平台的每个可视化页面，发布到不同的平台。具体操作流程如下所示：

(1)提取组件树中各平台配置组件的相对位置信息，并基于相对位置信息，采用预置渲染函数，分别在各页面模板上对组件树进行渲染，得到多个初始可视化页面；

(2)对各初始可视化页面进行跳转关联，得到待部署平台对应的多个可视化页面。

本实施例中，组件树对应的相对位置信息和格式信息存储于文档型数据库中，以组件树为重心，由于对应平台配置组件数据良好的序列化特性和编解码方式，平台配置组件数据可以完好地进行格式化存储，其中，文档型数据库适合存储扩展性强的格式化和半格式化数据。

以页面模板的垂直和水平中分线为X轴和Y轴构建平面坐标系，相对位置信息记录平台配置组件的区域坐标信息，确定各个平台配置组件的配置区域；采用预置的渲染函数，比如Vue中的Render，在各个页面模板上对组件树进行渲染，再进行跳转关联的设置，即可得到待部署平台的可视化页面。

105、将平台部署数据包发送至目标客户端进行待部署平台的部署。

本实施例中，在目标客户端进行待部署平台的部署时，将服务端返回的平台部署数据包交接给专门的部署模块，平台部署数据包包含待部署平台的各个级别的可视化页面，由前端不同的模块进行载入和展示。

本发明实施例中，通过预先配置好的平台参数来选取相应的平台配置信息和平台页面模板，以用于选取对应的平台配置组件构建组件树，并在平台页面模板上进行可视化处理，即可得到平台部署的数据包，目标客户端可以直接根据页面部署数据包实现待部署平台的部署。通过高度组件化应用减少开发与维护的人力成本，大大减少开发的工作量，加速开发进程；且统一开发配置，不仅支持多环境数据包且使用的语法统一，不同的数据包只需切换数据包命令，减少开发工作量，加快开发效率，减少代码冗余。

请参阅图2，本发明实施例中基于组件的平台部署方法的第二个实施例包括：

201、获取待部署平台对应的部署请求，并提取部署请求中目标客户端对应的平台参数；

202、解析平台参数，得到待部署平台对应的功能标识信息和页面信息，并根据功能标识信息，从预置多端配置中心选取对应的多个功能配置表；

203、采用功能标识信息，遍历各功能配置表，得到待部署平台对应的多个功能配置项，并拼接各功能配置项，得到待部署平台的平台配置信息；

204、根据页面信息，从多端配置中心中选取对应尺寸的多级别的页面模板；

本实施例中，解析平台参数，即可得到待部署平台所需的各个功能项目的功能标识信息，其中，功能标识信息包括两个用于标识的字段，其中一个是对功能项目的标识，一个是功能配置的标识。比如待部署平台为一个商城平台，则对应的功能标识信息可以包括：基础设置、显示设置、消息提醒、客服系统、物流设置、店铺涉及、页面管理、内容管理、员工管理和商品管理等。每个功能标识均有一张专门的功能配置表，比如基础设置对应的功能配置表、显示设置的功能配置表等，通过将功能标识信息中对功能项目的标识字段作为表名称，即可找到相应的功能配置表。

本实施例中，在选取到待部署平台每个功能项目所需的功能配置表后，不同平台的功能项目所需的功能配置项亦有可能不同，则可以通过功能标识信息中的功能配置字段，查找对应的功能配置表，即可找到所需的功能配置项。比如前述提到的商城平台，在消息提醒中包括公众号配置、公众号模板消息配置、管理员配置、短信通知配置、邮件通知配置等功能配置项。

本实施例中，通过页面信息可以找到该待部署平台所需的每个页面的明细信息，比如该待部署页面的某个功能项目需要尺寸为750mm*1334mm的10个页面，进入该功能项目之后，第一级页面包括页面A、第二级页面包括页面A跳转的页面B、C、D，第三级页面包括页面C跳转的页面E、F、G，D页面跳转的页面H、I，第四集页面包括页面I跳转的页面J，则选取该10个页面信息对应的目标页面。

205、根据平台配置信息，从预置组件库中选取对应的多个平台配置组件，并提取各平台配置组件中的组件插槽接口和组件样式接口；

206、基于各平台配置组件中对应的组件插槽接口，对各平台配置组件进行连接，得到初始组件树；

207、根据各平台配置组件对应的组件样式接口，对初始组件树中的各平台配置组件进行样式编辑，得到待部署平台对应的组件树；

本实施例中，每一个平台配置组件中包含有多个组件插槽接口，将每一个平台配置组件通过对应的组件插槽接口，通过并列或者嵌套的方式与其它的平台配置组件进行连接，构成初始组件树。再通过组件样式接口进行具体样式值的赋值，即可得到待部署平台对应的组件树。

首先，针对任意一个平台配置组件，提取出该平台配置组件中的接口格式数据。其中，平台配置组件以HTML/CSS/SASS代码进行编写，实例化后的变成可以被直接解析的HTML/CSS代码。对目标配置组件的解析，是将平台配置组件源码转为接口格式数据，其中，一个平台配置组件的接口格式数据包含组件名、插槽数据列表、HTML代码、SASS变量对象、SASS规则代码，SASS变量对象是一张样式变量对象列表，从组件SASS代码中解析的SASS变量名和变量值构成的。

然后，获取该接口格式数据中的插槽数据列表和样式变量对象列表。其中，插槽数据列表包含平台配置组件中每个插槽的数据，而每个插槽的数据包含插槽名、插槽标签HTML、插槽位置的其他平台配置组件列表；样式变量对象列表包含变量名和变量值。

接着，依据插槽数据列表和样式变量对象列表，为平台配置组件编写对应的组件插槽接口和组件样式接口。平台配置组件是将结构和样式严格分离，各自通过通用语言代码定义接口和变量。组件结构体现为HTML代码，组件样式体现为CSS/SASS代码。

具体的，平台配置组件的HTML中依据插槽数据列表定义slot标签，表示组件内部的一处插槽；slot标签的内部文本则表示该插槽的名称标识。一个平台配置组件可以包含多个插槽，用于在嵌套其他平台配置组件的时候提供容器和占位。当通过插槽组合其他平台配置组件时，插槽所占的slot标签将被替换为相应的一个或多个平台配置组件，得到初始组件树。

具体的，平台配置组件的CSS/SASS代码中，支持在SASS代码头部声明变量，令平台配置组件的样式具备可配置性。其中，变量依据样式变量对象列表获得，变量可用于组件内部各元素样式属性值的插值，经SASS处理器编译后，平台配置组件的CSS代码便是经过变量配置的样式，在样式上实现了平台配置组件的可配置性。

208、在各页面模板上对组件树进行可视化处理，得到待部署平台对应的多个可视化页面，并对各可视化页面进行打包，得到平台部署数据包；

209、将平台部署数据包发送至目标客户端进行待部署平台的部署。

本发明实施例中，通过预先配置好每个功能模块的功能配置项，并平台参数，在配置平台时，可以通过平台参数直接直接获取所需的功能配置项，得到搭建平台所需的平台配置信息和对应的页面模板，提升最终的平台部署效率。

请参阅图3，本发明实施例中基于组件的平台部署方法的第三个实施例包括：

301、获取待部署平台对应的部署请求，并提取部署请求中目标客户端对应的平台参数；

302、根据平台参数，从预置多端配置中心选取待部署平台对应的平台配置信息和多个页面模板；

303、根据平台配置信息，从预置组件库中选取对应的多个平台配置组件，并提取各平台配置组件中的组件插槽接口和组件样式接口；

304、基于各平台配置组件中对应的组件插槽接口，对各平台配置组件进行连接，得到初始组件树；

305、在各组件样式接口查找初始组件树中对应平台配置组件的样式变量列表；

306、基于样式变量列表，分别配置初始组件树中各平台配置组件在待部署平台中的样式变量编辑表单；

307、根据样式变量编辑表单，对初始组件树中各平台配置组件的样式变量的取值进行编辑，得到待部署平台对应的组件树；

本实施例中，平台配置组件与样式变量对象列表存在对应关系，通过组件样式接口即可查找到每个平台配置组件对应的样式变量列表。任意选取一个样式变量列表，在待部署平台上与该样式变量列表对应的平台配置组件生成一个样式变量编辑表单，以实现将平台配置组件中的变量对象和表单元素绑定。

本实施例中，开发时，通过对该样式变量编辑表单中对应元素进行修改，实时更新对应平台配置组件中对应变量的变量值，通过具体的变量值，对初始组件树中的各个平台配置组件进行渲染，得到最终的组件树。

308、调用待部署平台对应的入口文件，并根据入口文件，从预置第三方组件库获取第三方组件；

309、将组件树中的预置触发事件传递至预置对外接口实例中，并基于触发事件传递后的对外接口实例，将第三方组件拼接至组件树中，得到更新后的组件树；

本实施例中，在开发阶段预先构建第三方组件、组件树的平台配置组件之间的引用关系图，后续通过递归解析引用关系图，即可得到待部署平台对应的入口文件。

具体的，对于引用关系图的构建，通过插件替换Vue开发框架的构建工具的代码解析逻辑，以通过插件进行Vue.js第三方组件的解析工作，确定Vue.js第三方组件与组件树中各平台配置组件之间的引用关系，形成引用关系图。值得注意的是，生成的引用关系图与组件的实际引用场景无关，仅表示组件之间根据句法的引用的关系。

具体的，递归解析引用关系图中第三方组件、平台配置组件之间的引用关系，对于引用关系中被引用组件的源文件(包括图片、轮播图、富文本、输入框等资源)，转换为浏览器环境中可以识别和执行的文件，以生成待部署平台对应第三方组件的入口文件。例如，将源文件中的JavaScript模块以及一些浏览器环境中不能直接运行的拓展语言(Scss，TypeScript等)转换为JavaScript文件。

当预新增第三方组件时，在组件树的对外接口实例中创建对应第三方组件的实例，第三方组件接入时，触发针对第三方组件的事件，并将事件通过回调函数传递至第三方组件的实例，采用第三方组件运行渲染函数，对组件树进行渲染，以此实现组件树的更新。

当第三方组件对组件树进行渲染时，将第三方组件上传至组件树的对外接口实例，随后组件树的对外接口实例将第三方组件聚合，并发送至组件树的渲染环境，将第三方组件在组件树的跳转关联关系之间层层下发到对应的连接节点，并利用填充第三方组件的节点进行渲染，将该第三方组件组合到组件树上。

310、在各页面模板上对组件树进行可视化处理，得到待部署平台对应的多个可视化页面，并对各可视化页面进行打包，得到平台部署数据包；

311、将平台部署数据包发送至目标客户端进行待部署平台的部署。

本发明实施例中，通过样式变量表来记录每个平台配置组件的配置信息，在部署平台时，可以直接在样式变量表中查找待部署平台所需的平台配置组件，然后来对待部署进行样式变量编辑，得到构建待部署平台的组件树，实现待部署平台的组件化快速且规范化的部署。

上面对本发明实施例中基于组件的平台部署方法进行了描述，下面对本发明实施例中基于组件的平台部署装置进行描述，请参阅图4，本发明实施例中基于组件的平台部署装置一个实施例包括：

提取模块401，用于获取待部署平台对应的部署请求，并提取所述部署请求中目标客户端对应的平台参数；

选取模块402，用于根据所述平台参数，从预置多端配置中心选取所述待部署平台对应的平台配置信息和多个页面模板；

组合模块403，用于根据所述平台配置信息，从预置组件库中选取对应的多个平台配置组件，并对各所述平台配置组件进行组合，得到所述待部署平台对应的组件树；

可视化处理模块404，用于在各所述页面模板上对所述组件树进行可视化处理，得到所述待部署平台对应的多个可视化页面，并对各所述可视化页面进行打包，得到平台部署数据包；

部署模块405，用于将所述平台部署数据包发送至所述目标客户端进行待部署平台的部署。

本发明实施例中，通过预先配置好的平台参数来选取相应的平台配置信息和平台页面模板，以用于选取对应的平台配置组件构建组件树，并在平台页面模板上进行可视化处理，即可得到平台部署的数据包，目标客户端可以直接根据页面部署数据包实现待部署平台的部署。通过高度组件化应用减少开发与维护的人力成本，大大减少开发的工作量，加速开发进程；且统一开发配置，不仅支持多环境数据包且使用的语法统一，不同的数据包只需切换数据包命令，减少开发工作量，加快开发效率，减少代码冗余。

请参阅图5，本发明实施例中基于组件的平台部署装置的另一个实施例包括：

提取模块401，用于获取待部署平台对应的部署请求，并提取所述部署请求中目标客户端对应的平台参数；

选取模块402，用于根据所述平台参数，从预置多端配置中心选取所述待部署平台对应的平台配置信息和多个页面模板；

组合模块403，用于根据所述平台配置信息，从预置组件库中选取对应的多个平台配置组件，并对各所述平台配置组件进行组合，得到所述待部署平台对应的组件树；

可视化处理模块404，用于在各所述页面模板上对所述组件树进行可视化处理，得到所述待部署平台对应的多个可视化页面，并对各所述可视化页面进行打包，得到平台部署数据包；

部署模块405，用于将所述平台部署数据包发送至所述目标客户端进行待部署平台的部署。

具体的，所述选取模块402包括：

解析单元4021，用于解析所述平台参数，得到所述待部署平台对应的功能标识信息和页面信息，并根据所述功能标识信息，从预置多端配置中心选取对应的多个功能配置表；

拼接单元4022，用于采用所述功能标识信息，遍历各所述功能配置表，得到所述待部署平台对应的多个功能配置项，并拼接各所述功能配置项，得到所述待部署平台的平台配置信息；

选取单元4023，用于根据所述页面信息，从所述多端配置中心中选取对应尺寸的多级别的页面模板。

具体的，所述组合模块403包括：

提取单元4031，用于提取各所述平台配置组件中的组件插槽接口和组件样式接口；

连接单元4032，用于基于各所述平台配置组件中对应的组件插槽接口，对各所述平台配置组件进行连接，得到初始组件树；

编辑单元4033，用于根据各所述平台配置组件对应的组件样式接口，对所述初始组件树中的各平台配置组件进行样式编辑，得到所述待部署平台对应的组件树。

具体的，所述编辑单元4033还用于：

在各所述组件样式接口查找所述初始组件树中对应平台配置组件的样式变量列表；

基于所述样式变量列表，分别配置所述初始组件树中各平台配置组件在所述待部署平台中的样式变量编辑表单；

根据所述样式变量编辑表单，对所述初始组件树中各平台配置组件的样式变量的取值进行编辑，得到所述待部署平台对应的组件树。

具体的，所述可视化处理模块404包括：

渲染单元4041，用于提取所述组件树中各平台配置组件的相对位置信息，并基于所述相对位置信息，采用预置渲染函数，分别在各所述页面模板上对组件树进行渲染，得到多个初始可视化页面；

关联单元4042，用于对各所述初始可视化页面进行跳转关联，得到所述待部署平台对应的多个可视化页面。

具体的，所述基于组件的平台部署装置还包括更新模块406，用于：

调用所述待部署平台对应的入口文件，并根据所述入口文件，从预置第三方组件库获取第三方组件；

将所述组件树中的预置触发事件传递至预置对外接口实例中，并基于所述触发事件传递后的对外接口实例，将所述第三方组件拼接至所述组件树中，得到更新后的组件树。

本发明实施例中，通过预先配置好每个功能模块的功能配置项，并平台参数，在配置平台时，可以通过平台参数直接直接获取所需的功能配置项，得到搭建平台所需的平台配置信息和对应的页面模板，提升最终的平台部署效率；再通过样式变量表来记录每个平台配置组件的配置信息，在部署平台时，可以直接在样式变量表中查找待部署平台所需的平台配置组件，然后来对待部署进行样式变量编辑，得到构建待部署平台的组件树，实现待部署平台的组件化快速且规范化的部署。

上面图4和图5从模块化功能实体的角度对本发明实施例中的基于组件的平台部署装置进行详细描述，下面从硬件处理的角度对本发明实施例中基于组件的平台部署设备进行详细描述。

图6是本发明实施例提供的一种基于组件的平台部署设备的结构示意图，该基于组件的平台部署设备600可因配置或性能不同而产生比较大的差异，可以包括一个或一个以上处理器(central processing units，CPU)610(例如，一个或一个以上处理器)和存储器620，一个或一个以上存储应用程序633或数据632的存储介质630(例如一个或一个以上海量存储设备)。其中，存储器620和存储介质630可以是短暂存储或持久存储。存储在存储介质630的程序可以包括一个或一个以上模块(图示没标出)，每个模块可以包括对基于组件的平台部署设备600中的一系列指令操作。更进一步地，处理器610可以设置为与存储介质630通信，在基于组件的平台部署设备600上执行存储介质630中的一系列指令操作。

基于组件的平台部署设备600还可以包括一个或一个以上电源640，一个或一个以上有线或无线网络接口650，一个或一个以上输入输出接口660，和/或，一个或一个以上操作系统631，例如Windows Serve，Mac OS X，Unix，Linux，FreeBSD等等。本领域技术人员可以理解，图6示出的基于组件的平台部署设备结构并不构成对基于组件的平台部署设备的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

本发明还提供一种基于组件的平台部署设备，所述计算机设备包括存储器和处理器，存储器中存储有计算机可读指令，计算机可读指令被处理器执行时，使得处理器执行上述各实施例中的所述基于组件的平台部署方法的步骤。

本发明还提供一种计算机可读存储介质，该计算机可读存储介质可以为非易失性计算机可读存储介质，该计算机可读存储介质也可以为易失性计算机可读存储介质，所述计算机可读存储介质中存储有指令，当所述指令在计算机上运行时，使得计算机执行所述基于组件的平台部署方法的步骤。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(read-only memory，ROM)、随机存取存储器(random access memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述，以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims (10)

1.一种基于组件的平台部署方法，其特征在于，所述基于组件的平台部署方法包括：

获取待部署平台对应的部署请求，并提取所述部署请求中目标客户端对应的平台参数；

根据所述平台参数，从预置多端配置中心选取所述待部署平台对应的平台配置信息和多个页面模板；

根据所述平台配置信息，从预置组件库中选取对应的多个平台配置组件，并对各所述平台配置组件进行组合，得到所述待部署平台对应的组件树；

在各所述页面模板上对所述组件树进行可视化处理，得到所述待部署平台对应的多个可视化页面，并对各所述可视化页面进行打包，得到平台部署数据包；

将所述平台部署数据包发送至所述目标客户端进行待部署平台的部署。

2.根据权利要求1所述的基于组件的平台部署方法，其特征在于，所述根据所述平台参数，从预置多端配置中心选取所述待部署平台对应的平台配置信息和多个页面模板包括：

解析所述平台参数，得到所述待部署平台对应的功能标识信息和页面信息，并根据所述功能标识信息，从预置多端配置中心选取对应的多个功能配置表；

采用所述功能标识信息，遍历各所述功能配置表，得到所述待部署平台对应的多个功能配置项，并拼接各所述功能配置项，得到所述待部署平台的平台配置信息；

根据所述页面信息，从所述多端配置中心中选取对应尺寸的多级别的页面模板。

3.根据权利要求1所述的基于组件的平台部署方法，其特征在于，所述对各所述平台配置组件进行组合，得到所述待部署平台对应的组件树包括：

提取各所述平台配置组件中的组件插槽接口和组件样式接口；

基于各所述平台配置组件中对应的组件插槽接口，对各所述平台配置组件进行连接，得到初始组件树；

根据各所述平台配置组件对应的组件样式接口，对所述初始组件树中的各平台配置组件进行样式编辑，得到所述待部署平台对应的组件树。

4.根据权利要求3所述的基于组件的平台部署方法，其特征在于，所述根据各所述平台配置组件对应的组件样式接口，对所述初始组件树中的各平台配置组件进行样式编辑，得到所述待部署平台对应的组件树包括：

在各所述组件样式接口查找所述初始组件树中对应平台配置组件的样式变量列表；

基于所述样式变量列表，分别配置所述初始组件树中各平台配置组件在所述待部署平台中的样式变量编辑表单；

根据所述样式变量编辑表单，对所述初始组件树中各平台配置组件的样式变量的取值进行编辑，得到所述待部署平台对应的组件树。

5.根据权利要求1所述的基于组件的平台部署方法，其特征在于，所述在各所述页面模板上对所述组件树进行可视化处理，得到所述待部署平台对应的多个可视化页面包括：

提取所述组件树中各平台配置组件的相对位置信息，并基于所述相对位置信息，采用预置渲染函数，分别在各所述页面模板上对组件树进行渲染，得到多个初始可视化页面；

对各所述初始可视化页面进行跳转关联，得到所述待部署平台对应的多个可视化页面。

6.根据权利要求1-5中任一项所述的基于组件的平台部署方法，其特征在于，在所述根据所述平台配置信息，从预置组件库中选取对应的多个平台配置组件，并对各所述平台配置组件进行组合，得到所述待部署平台对应的组件树之后，还包括：

调用所述待部署平台对应的入口文件，并根据所述入口文件，从预置第三方组件库获取第三方组件；

将所述组件树中的预置触发事件传递至预置对外接口实例中，并基于所述触发事件传递后的对外接口实例，将所述第三方组件拼接至所述组件树中，得到更新后的组件树。

7.一种基于组件的平台部署装置，其特征在于，所述基于组件的平台部署装置包括：

提取模块，用于获取待部署平台对应的部署请求，并提取所述部署请求中目标客户端对应的平台参数；

选取模块，用于根据所述平台参数，从预置多端配置中心选取所述待部署平台对应的平台配置信息和多个页面模板；

组合模块，用于根据所述平台配置信息，从预置组件库中选取对应的多个平台配置组件，并对各所述平台配置组件进行组合，得到所述待部署平台对应的组件树；

可视化处理模块，用于在各所述页面模板上对所述组件树进行可视化处理，得到所述待部署平台对应的多个可视化页面，并对各所述可视化页面进行打包，得到平台部署数据包；

部署模块，用于将所述平台部署数据包发送至所述目标客户端进行待部署平台的部署。

8.根据权利要求7所述的基于组件的平台部署装置，其特征在于，所述基于组件的平台部署装置还包括更新模块，用于：

调用所述待部署平台对应的入口文件，并根据所述入口文件，从预置第三方组件库获取第三方组件；

将所述组件树中的预置触发事件传递至预置对外接口实例中，并基于所述触发事件传递后的对外接口实例，将所述第三方组件拼接至所述组件树中，得到更新后的组件树。

9.一种基于组件的平台部署设备，其特征在于，所述基于组件的平台部署设备包括：存储器和至少一个处理器，所述存储器中存储有指令；

所述至少一个处理器调用所述存储器中的所述指令，以使得所述基于组件的平台部署设备执行如权利要求1-6中任意一项所述的基于组件的平台部署方法的步骤。

10.一种计算机可读存储介质，所述计算机可读存储介质上存储有指令，其特征在于，所述指令被处理器执行时实现如权利要求1-6中任意一项所述基于组件的平台部署方法的步骤。

Images