您当前的位置:首页 > 网站建设 > 网站维护
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery |

jenkins+docker+nginx+nodejs持续集成部署vue前端项目

51自学网 2022-07-22 18:47:44
  网站维护

最近比较闲,尝试了一下docker部署业务测试环境的前端vue项目,作此记录

这里我的环境是Jenkins+docker+harbor+nginx
部署,但是由于此项目以节点形式加入jenkins,构建和部署都在一台,所以没有用到harbor,但是生产环境可能部署和构建不在一台,会需要先推送到harbor,也有详细步骤。

前提:

1安装好了jenkins, 2项目服务器以node形式加入Jenkins, 3项目节点安装docker 4代码里有包含Dockerfile
以及 nginx的相关配置文件

思路:

通过Jenkins拉去git仓库代码,利用nodejs打包编译vue资源,利用Dockerfile
构建业务镜像,提前准备好nginx的配置文件和自定义文件,上过上传harbor供其他节点下载使用。

步骤:

创建自由风格的jobs(用流水线也可以),这里步骤比较简单就不写流水线了

在这里插入图片描述

general处选择参数化构建 ,文本参数来定义每次构建的版本号

在这里插入图片描述

构建环境这里需要选择全局工具里配置的nodejs,用于编译打包vue

在这里插入图片描述

配置nodejs工具

(如下图),自动安装需要的版本即可。

在这里插入图片描述


下载地址:
教你在容器中使用nginx搭建上传下载的文件服务器
ELK收集Nginx日志的项目实战

51自学网,即我要自学网,自学EXCEL、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。
京ICP备13026421号-1