Jenkins持续集成持续发布

一、github创建一个仓库

二、使用xshell远程工具连接192.168.88.132服务器

192.168.88.132 作为本地客服端

192.168.88.134作为服务器

1、使用客服端创建本地仓库并且连接GitHub远程仓库

2、创建test-vue-2024目录。cd进入目录

3、使用git init初始化本地仓库

4、我们拉取一个简单的前端vue进行测试

把项目目录下的所有文件mv移动到我们创建的my-vue-2024目录下，切换到my-vue-2024目录

5、git add . 把刚才拉取到本地仓库的所有文件暂存到本地仓库，以便后续本地仓库连接github仓库来进行推送。git commit -m ""---------给本次暂存内容进行备注，以便一目了然

6、git branch 查看此时的分支为master。使用git branch -M main 对分支进行修改为main分支

7、使用命令ssh-keygen生成密钥-------用于添加到github中，以便本地仓库与GitHub连接的凭证

cat /.ssh/id_rsa.pub ------获取公钥，进行复制粘贴到GitHub中

id-rsa :私钥  rsa密钥加密形式

8、登录GitHub--点击右上角头像---点击右侧栏settings---点击SSH and  GPG keys-----点击 New SSH key进行公钥的添加

9、cd切换目录到自己创建的test-vue-2024目录下

本地仓库与GitHub建立连接：git remote add origin git@github.com:ligaojie996/test-vue-2024.git

推送到GitHub仓库：git push -u origin main

注释:首次推送的时候需要指明分支，以后直接使用git push直接推送就行

本地仓库推送到GitHub仓库--------推送成功

二、使用Jenkins平台实现持续集成

首先我们使用一个安装好的Jenkins，我们已经装好了，不会的可以看我的上一个篇博客

1、点击新建item

2、任务名称随便起---点击第一个构建前端项目----点击确定

3、描述内容不固定随意写 Discard old builds---干掉旧的构建

3.1复制https连接添加到Jenkins的git url中

3.2因为我们的分支为main,所以进行分支修改为main。

3.3点击构建后操作---点击sed bulid artfacts over SSH

3.4构建

三、服务器需要的配置。（模拟出一台服务器）

192.168.88.134 服务器

1、192.168.88.132与192.168.88.134建立免密登录，192.168.88.132的密钥已经生成，此时我们只需要把132的密钥给134服务器就行

ssh-copy-id -i 192.168.88.134

2、服务器需要安装node.js,官网下载

下载后进行解压：tar -xvf node-v17.9.1-linux-x64.tar.xz -C /usr/local/

名字太长进行修改：mv /usr/local/node-v17.9.1-linux-x64/ /usr/local/node

环境变量配置：

vim /etc/profile.d/node_tools.sh

export NODE_HOME=/usr/local/node/
export PATH=$NODE_HOME/bin:$PATH

重读配置文件：source /etc/profile.d/node_tools.sh

检测是否安装成功和配置成功node.js

node -v

npm -v

3、创建执行的测试脚本wen.sh 

mkdir /root/web    ------Jenkins拉取代码存放的目录

vim web.sh

cd /root/web
npm install
npm run build
rm -rf /usr/share/nginx/html/*
cp -r /root/web/dist/* /usr/share/nginx/html/
systemctl restart nginx.service

脚本写好赋予执行权限：chmod +x /root/web.sh

四、测试完成