[发明专利]一种前端开发的全流程自动化处理系统及方法

说明书

本发明提出了一种前端开发的全流程自动化处理系统及方法，涉及分布式自动化处理技术领域，该系统包括：中央源码托管模块，用于建立Gitlab离线中央仓库，根据配置的版本策略对源码进行版本管理；持续集成运行环境模块，用于进行持续运行环境的配置，并接收源码镜像，拉取共享组件远程库模块中的组件，进行项目流程的构建、优化、测试及制品发布；共享组件配置模块，用于建立基于Maven的内网组件远程库，向项目流程提供组件；集中驱动模块，用于承接持续集成的制品发布结果，集中调起浏览器标准化模块，协助浏览器拉取持续集成的制品发布结果；部署发布展示模块，用于安装测试目标浏览器，通过浏览器展示项目测试的结果。

技术领域

本发明涉及分布式自动化处理技术领域，尤指一种前端开发的全流程自动化处理系统及方法。

背景技术

目前大多数前端开发人员使用非自动化方式，完成从开发提交，到后期打包、测试、发布、部署全流程，这种方式无疑大大降低敏捷效率与项目交付速度。同时，目前前端项目打包过程中主要使用Webpack工具，将各个资源打包整合在一起形成Bundle，当资源越来越多时，打包的过程也将越来越慢；当项目启动和有文件变化时重新进行打包，造成项目启动与二次构建耗时大幅度增长。

例如，在现有技术，前端开发尚未形成统一自动化全流程工艺，开发提交，测试验证，发布部署等步骤主要依靠人工完成，具备复制性低，配置不统一，兼容性问题众多，整体效率低等问题。另外，打包发布过程中依赖Bundle技术，因为多了打包构建这一层，随着项目的增长，打包构建速度越来越慢，每次启动都要等待几十秒甚至几分钟，然后启动一轮构建优化，随着项目的进一步增大，构建速度又会降低，陷入不断优化的死循环。

综上来看，亟需一种可以克服上述缺陷，提高前端开发全流程的效率且维护成本低的技术方案。

发明内容

为解决现有技术存在的问题，本发明提出了一种前端开发的全流程自动化处理系统及方法。本发明所采用的架构模式，可以使整体工艺由开发至版本提交、版本管理、打包构建、自动化测试、部署发布等流程具有技术栈统一性，能够克服传统前端开发过程中人工实现流程弊端，通过形成统一全流程自动化处理流程，大幅度敏捷效率与项目交付速度，提高项目资产沉淀质量。同时，利用Web标准的ES Module，整体架构更加简单，解决目前前端项目打包过程中，使用Webpack工具打包的造成项目启动缓慢与二次构建卡死等问题，提高敏捷效率，降低维护成本及学习成本。

在本发明实施例的第一方面，提出了一种前端开发的全流程自动化处理系统，该系统包括：中央源码托管模块、持续集成运行环境模块、共享组件远程库模块、集中驱动模块及部署发布展示模块；其中，

所述中央源码托管模块，用于建立Gitlab离线中央仓库，保存开发人员提交的源码，并根据配置的版本策略对源码进行版本管理；

所述持续集成运行环境模块，用于在Linux系统上进行持续运行环境的配置，并接收所述中央源码托管模块推送的源码镜像，拉取共享组件远程库模块中的组件，进行项目流程的构建、优化、测试及制品发布；

所述共享组件配置模块，用于建立基于Maven的内网组件远程库，向项目流程提供组件；

所述集中驱动模块，用于承接持续集成的制品发布结果，集中调起浏览器标准化模块，协助浏览器拉取持续集成的制品发布结果；

所述部署发布展示模块，用于安装测试目标浏览器，通过浏览器展示项目测试的结果。

进一步的，所述中央源码托管模块具体用于：

配置.gitlab-ci.yml文件中的版本管理策略，驱动CI/CD处理逻辑；其中，版本管理策略采用多分支并行的版本管理方式。

进一步的，所述中央源码托管模块具体用于：

由Gitlab离线中央仓库将源码的版本镜像推送至所述持续集成运行环境模块。