[发明专利]一种基于gitlab-ci的前端代码自动化持续集成方法

说明书

本发明公开了一种基于gitlab‑ci的前端代码自动化持续集成方法，包括通过在代码提交到git服务器后，自动检测代码中的语法问题，自动构建项目，并部署在docker容器上。本发明的方法可以省去较多繁琐的操作，实现代码提交后即可实现部署发布，简化了开发人员繁琐的代码部署发布过程，有效提高了开发人员的效率。

技术领域

本发明涉及网络开发技术领域，特别涉及一种基于gitlab-ci的前端代码自动化持续集成方法。

背景技术

随着前端技术的迅猛发展，前后分离已经是一个大趋势，现在的前端开发已经不再仅仅只是静态网页的开发了，日新月异的前端技术已经让前端代码的逻辑和交互效果越来越复杂，更加的不易于管理，模块化开发和预处理框架把项目分成若干个小模块，增加了最后发布的困难，没有一个统一的标准，让前端的项目结构千奇百怪。前端自动化构建在整个项目开发中越来越重要。项目开始时会考虑各种前端框架react vue angular等，然后就是用webpack搭建项目开发架构。开发完后我们会将webpack编译后的文件部署到服务器上。不仅仅是通过webpack实现的自动化构建，当项目提交的时候，同时也要实现其自动化的部署、发布工作。经过多次开发实践，目前我们的项目采用docker+node+eslint+nginx实现前端代码自动化的检测，编译与部署，这样大大的简化了项目代码检测，部署，发布等问题，极大的提高了开发效率。

发明内容

本发明的目的是基于上述背景技术，提供一种基于gitlab-ci的前端代码自动化持续集成方法，解决在网络开发技术领域，前端人员开发代码的自动化静态检测、编译、部署、发布等问题，通过本发明的方法，实现了前端代码的自动化持续集成，有效提高了开发人员的效率，且使用范围较广。

为了达到上述的技术效果，本发明采取以下技术方案：

一种基于gitlab-ci的前端代码自动化持续集成方法，包括以下步骤：

A.创建一个包含代码静态检测工具eslint的docker容器，配置gitlab-runner；

B.通过gitlab部署git服务器；其中，所有开发代码通过git进行版本管理，并为不同的开发人员建立独立的分支，各开发人员提交代码到自己的分支上；

C.编写.gitlab-ci.yml脚本，在.gitlab-ci.yml中设置当有分支合并到主分支时执行该脚本；

D.新分支代码合并到主分支后自动执行gitlab-ci.yml脚本，通过eslint自动进行代码静态检测，代码静态检测通过后自动构建项目，且构建完成后自动部署项目到服务器上。

进一步地，所述步骤A具体包括：

A1.创建一个包含代码静态检测工具eslint的docker容器，安装node，配置runner服务器；

A2.创建gitlab项目，安装gitlab-runner；

A3.注册gitlab-runner，进入docker容器。

进一步地，所述步骤A3中在进入docker容器后，需要输入该gitlab的URL和token信息，且注册完成后会在gitlab-ci上看到该runner的信息，当该runner为绿色代表该runner是正常状态。

进一步地，所述步骤C中编写.gitlab-ci.yml脚本时具体包括以下三个顺序执行的步骤：静态代码的监测、代码打包、代码部署，三个步骤中，前一个步骤如果出错后面的步骤不会执行，即代码静态检测通过后，才会执行后面的打包，打包完成后，才会执行代码部署操作。

本发明与现有技术相比，具有以下的有益效果：