系统:centos7

nodejs版本：v16.18.1   npm版本：8.19.2

由于centos7最大只支持16.18.1版本，尽量让前端写代码时使用这个版本，linux系统如果要装高版本的node需要安装glibc库，很危险，尽量不要操作。

jenkins版本：最新版，yum安装，不用docker，原因是npm在容器内无法有效执行

jenkins离线部署：

        https://mirrors.tuna.tsinghua.edu.cn/jenkins/redhat

清华大学的开源镜像站，可在链接前方加wget，下载对应版本的rpm包，离线环境可以下载好后上传至服务器。可以用rpm -ivh rpm文件的命令部署，这里只是提供一个离线安装的方式。

jenkins联网部署：

下载jenkins的yum源文件：

wget -O /etc/yum.repos.d/jenkins.repo https://pkg.jenkins.io/redhat-stable/jenkins.repo --no-check-certificate

导入key:

rpm --import https://pkg.jenkins.io/redhat-stable/jenkins.io.key

yum install fontconfig java-11-openjdk -y

jenkins最新版本需要java11支持，如果系统有jdk8建议先卸载。

安装好jdk后java -version看看版本是否正确

yum install jenkins

修改jenkins默认端口和用户需要改两个地方：（最好把jenkins用户改成root，以免后面出现权限问题）

vim /etc/sysconfig/jenkins

vim /usr/lib/systemd/system/jenkins.service

 

启动jenkins：/etc/init.d/jenkins start  或者systemctl start jenkins

浏览器输入ip+端口访问jenkins，参照提示安装，查看服务器key，输入登录，注册一个管理员账户，安装推荐插件，这些不详细说明，网上搜一大把

jenkins登录进去后点击系统管理，看看是否是最新版本，尽量更新到最新版本，因为有些插件需要高版本才能使用，而jenkins插件之间的依赖很强，如果一些插件不能用，会导致其他插件无法下载的情况，如果上面有项目，更新插件还会导致项目丢失，或者异常，所以如果是生产的jenkins，一定要备份jenkins部署目录下的plugins目录还有jobs目录。

下载插件时如果提示google代理问题，无法下载，网上搜教程处理，jenkins这点挺麻烦的，用的google源，可以按照网上教程处理，也可以将其他服务器上的jenkins目录下的plugins目录拷贝过来替换，plugins目录是jenkins的插件目录，不推荐手动上传插件，麻烦，当然有耐心也可以这么操作。

安装Publish Over SSH插件

这个是配置ssh使用，因为前端包部署在服务器上，需要远程到前端服务器上部署前端包

Dashboard > 系统管理 > 全局工具配置

出现这个说明插件安装好了

 

选择nodeJS版本，要和jenkins的部署服务器上的nodejs版本一致才行

nodejs安装：yum install nodejs  npm -y （在jenkins服务器上安装）

配置ssh，这个是前端要发布的包所在的服务器

name:随便填，好记就行

hostname:要远程的服务器

username:希望以什么用户登录

Remote Directory:前端包发布目录，可以点？号看详细介绍

 新建项目：取个名：voms-web，这个根据自己的需要创建

 进入项目配置：

 配置git仓库，这个是前端存放代码的地址，需要你的jenkins服务器能访问这个地址，

点添加，添加访问git地址的凭据，然后应用保存

 这个是git里面的分支

 构建环境选择之前在系统配置里面生成的node版本，其他默认，如果构建环境里面没有这些功能，网上搜对应的插件安装。

讲讲思路：前端将代码提交到git后，在jenkins上执行立即构建，会将代码拉到工作空间内，这个工作空间对应的目录是在jenkins服务器目录下的/var/lib/jenkins/workspace/目录下

这个是目录结构，

node_models目录：插件依赖目录，执行npm install时生成

dist目录：构建目录，执行 npm run build时生成

接下来就是脚本执行了，

 cd到工作空间的项目目录下，删除旧的打包文件，删除node_modules插件依赖。

-g 全局参数

--registry  设置淘宝源，不加这个参数容易出问题

yarn install  下载  这一步会生成node_modeles目录

vite build   打包，这一步后会生成dist目录

zip  -vr dist.zip  dist   这一步是将dist目录打包成zip文件，方便等会上传到服务器上

接下来就是将打好的包上传到前端服务器上部署了

这个是前面弄的ssh，直接选择要ssh的服务器

 Transfer Set Source files：这个意思是要上传的文件，就是刚刚打包好的dist.zip

 这个是要执行的脚本，还是cd到目录下，用tar -zcvf命令打包，然后mv到备份目录backup下，没有目录就创建一个目录，unzip -o dist.zip 解压，解压后删除文件

。

到这里基本就完成了，然后就是测试脚本是否能正常执行。

到这里就是成功了，如果中间有什么报错，根据报错问题处理即可，基本都是些node版本不一致的情况，可网上搜索处理。

原创文章，转载请注明出处。