宝塔+jenkins部署vue项目

一、下载jenkins包

大家可以从Jenkins官网（https://www.jenkins.io/）根据自己的需要下载最新的版本。
但Jenkins官网下载较慢，容易造成下载失败。可以去国内的开源镜像网站下载Jenkins最新版本。目前博主使用的是清华大学的开源镜像网站（https://mirrors.tuna.tsinghua.edu.cn/jenkins/war/latest/），大家可以根据自己的需要下载对应版本的war包

注意：Jenkins只支持Java 11 或 17  

把下载的jenkins.war包上传服务器

二、安装java11(JDK)

2.1 下载：Java Downloads | Oracle

2.2 解压

把下载好的jdk包放入服务器并解压

2.3 添加jdk+jenkins

1. 添加jdk管理，把解压好的jdk版本添加上去
2. 添加jenkins项目
3. 添加项目后记得在安全里，开放jenkins端口访问权限，然后登录jenkins
4. 安装插件

 三、配置jenkins

1. 首先下载插件，安装插件 NodeJS、Publish Over SSH （下图为安装教程）这三个插件都这么安装 
2. 完成
3. 接下来添加凭证，部署时候用 
4. 这里我创建了git账号密码
5. 接下来配置node工具 设置好 勾选自动安装然后应用=》保存
6. 接下来配置服务器SSH
   首先在宝塔中开启SSH
7. 找到 Publish over SSH
8. 需要配置
   Passphrase 服务器SSH远程连接密码
   SSH Servers中
   Name 服务器名称（随便起名）
   Hostname 主机号 例如192.168.0.1 （实际主机号）
   Username 服务器SSH远程连接账号
   Remote Directory 进入的路径
9. 输入完成之后点击右下角测试 显示成功说明成功连接,失败发现没添加密匙
10. 去宝塔把ssh密匙复制过来
11. 复制到Publish over SSH key中，再点测试连接后成功

 四、创建项目并配置

1. 
2. 输入项目git地址并且选择配置好的git账号密码
3. 部署指定分支
4. 构建触发器 勾选

五、构建步骤

1.  

2. Build Steps配置,里面的npm指令根据实际的命令调整

   echo "开始构建"
   node -v
   npm -v
   npm install
   npm run build:prod
   #进入到打包目录
   cd dist
   #删除上次打包生成的压缩文件
   rm -rf *.tar.gz
   #把生成的项目打包成压缩包方便传输到远程服务器
   tar -zcvf `date +%Y-%m-%d-%H-%M-%S`.tar.gz *
   #回到上层工作目录
   cd ../
   echo "构建结束"

   

3. 下一步应该发到你的服务器，这里点击添加构建步骤

4. 

   #进入远程服务器的目录
   cd /data/vue
   #找到新的压缩包
   tar -zxvf *.tar.gz -C ./
   echo ">>>移除*.tar.gz"
   rm -rf *.tar.gz
   #发布完成
   echo "发布完成"

5.  立即构建，成功说明发版成功