[发明专利]前端自动部署方法

说明书

本发明公开了一种前端自动部署方法包含如下步骤：获取一台Linux服务器；在Linux服务器中创建带有nginx的docker容器，设置nginx的根目录rootpath，在根目录rootpath的倒数第二级下创建目录versions；创建一个jenkins服务器，在Linux服务器中去执行自动部署的shell脚本。本发明既能支持版本的快速回退，又方便查看每个打包内容对应的提交历史；解决了一般覆盖发布方案中，网站一段时间内不能访问的问题和一般非覆盖发布方案中，内容不清晰，不能快速回退的问题。

技术领域

本发明涉及软件开发技术领域，特别涉及一种前端自动部署方法。

背景技术

目前，市面上存在着很多的网页版软件，软件开发过程中，随着需求的不断更新，软件版本的迭代也异常地迅速。在前后端分离的软件中，前端和后端都是单独去打包部署的。就前端代码而言，如果手动去打包部署不仅费时费力，还容易出错，亟需一种自动化部署方案来满足软件不断迭代的现状。以web服务器nginx，代码托管平台gitlab，前端构建工具vite为例来说，一般的自动化部署方案主要分为4步。第一，更改nginx配置文件，指定网站根目录的位置（第四步中打包文件所在的文件夹）；第二，先去gitlab中拉取最新代码；第三，安装依赖包；第四，开始打包(覆盖发布或者非覆盖发布，可通过命令行参数‘--emptyOutDir’设置)。

对于一般的覆盖发布而言，有2个问题，第一个问题是代码部署期间（大项目可能要好几分钟甚至几十分钟），网站不能访问，第二个问题是当代码出问题时，不能够快速回退（还是需要重新去拉取代码，安装依赖，重复打包）；对于一般的非覆盖发布而言，整个静态资源文件夹会越来越大，不能清晰地看到目前已存在的版本个数及其对应的提交版本，而且后面去手动删除不需要的版本时，既麻烦，又容易出错，同时，版本回退时也需要重新打包，不能做到快速回退。

发明内容

根据本发明实施例，提供了一种前端自动部署方法，包含如下步骤：

获取一台Linux服务器；

在Linux服务器中创建带有nginx的docker容器，设置nginx的根目录rootpath，在根目录rootpath的倒数第二级下创建目录versions；

创建一个jenkins服务器，在Linux服务器中去执行自动部署的shell脚本。

进一步，Linux服务器内安装有git及nodejs工具。

进一步，自动部署的shell脚本包含如下操作：

切换工作目录到Linux服务器中的gitlab项目代码所在目录；

拉取master分支的代码；

执行“npm run install”安装依赖包；

执行“npm run build”执行打包操作，打包完的内容默认存放在打包后生成的dist目录下；

根据当前时间，设置变量名称为version，用变量version给当前项目打个gittag；

将dist目录下的内容拷贝到docker容器的versionpath目录下；

在docker容器中设置软链接，源文件为versionpath，目标文件为rootpath。

进一步，jenkins服务器在监测到代码提交时使Linux服务器去执行自动部署的shell脚本。

进一步，jenkins服务器还可定时的使Linux服务器去执行自动部署的shell脚本。