jenkins 部署步骤
1、前端代码上传至gitlab,提供仓库地址给到运维
2、运维在 jenkins 中创建一个新的项目sim-build(构建项目),代码源是你提供的gitlab地址,工程中有对源代码处理的脚本,主要包含以下
(1)克隆源代码到 jenkins 工作空间
(2)压缩所有的源代码到 dist.zip(PS:此时并没有执行前端的打包命令,只是单纯的代码压缩)
(3)上传 dist.zip到构建镜像中需要的 git 项目中(对于我们的工程运维会在gitlab中新建一个仓库用来存放压缩有的源代码)
(4)创建镜像构建项目,工程中要配置源码地址、package项目地址、制作容器镜像的脚本
(5) 根据制作的镜像,部署容器和服务,主要包含 k8s 的启动服务的相关脚本
总结一下,jenkins部署流程主要是 sim-build (项目配置)、image-build(构建镜像)、sim-deploy (部署容器启动服务)
前端执行步骤
PS:前端的代码构建只有在上述的 jenkins 部署流程完毕后,服务启动以后才会执行
(1)代码构建(安装依赖 npm insall ; 执行编译脚本打包 npm run build生成用户部署的静态文件,生成的静态文件在jenkins的工作目录中)
(2)把构建生成的静态文件放在nginx的执行文件夹(PS:此处nginx的作用主要是提供静态文件服务,从容器中的静态文件目录直接提供前端应用程序的静态文件)
(3)启动 nginx
(4)访问前端项目
如何生成不同的环境变量
在完成jenkins的部署步骤启动服务后,根据前端不同环境执行不同的打包编译脚本