在服务器部署Jenkins同步github代码（vue）

首先声明，使用 Jenkins 同步 GitHub 代码的时候会出现失败的情况，主要原因是拉取代码的时候拉不下来，这和墙有关...所以，是否选择 GitHub 大家自己决定。

一、使用 Jenkins 同步 GitHub 代码的原因

     手动打包丢在服务器上当然可以，但是太麻烦了，如果频繁的对代码进行改动和打包丢向服务器太花时间了，所以使用 Jenkins 来监控 GitHub 的动作，设置当代码 push 后，Jenkins 监控到这一动作，就会自动的拉取新的代码进行打包丢向服务器上。

二、获取 Hook

去系统中设置全局的github

三、找到 GitHub 配置模块

名称随便取一个，API URL 就是默认的，凭证后面再说。

Jenkins在关联 GitHub 之前，需要准备好 Hook ，这个在高级里面，勾选指定 Hook URL

四、GitHub 添加 hook

进入 GitHub ，选择需要同步的项目，点击 Settings，按照步骤添加 Webhooks

添加一个 hooks

（如果无法选择第三个也无所谓 不影响操作）

添加完成后将这个 URL 添加到上面 GitHub的 hook 里面去就可以了

五、添加凭证，生成sercret text

首先先进入 GitHub 的设置（Settings中），点击 Developer setting 选择 new Token 生成

点击 classic的

这里填写的名称就是要使用的 token，一般就写 Jenkins 就好了

选择

点击生成

六、回到系统管理 ——> 凭证管理 添加凭证

然后将 刚刚的 token 名称填写在 Secret 中（我写的就是 Jenkins）

七、创建项目

Dashboard ——> 新建任务

这个名称就是在 jenkins_home/workspace/里面创建的文件名称，打包好的文件就放在这里面

一步一步往下来

这里的 URL 就是你 GitHub项目的地址

源码管理选择 git ，分支默认选择 master（其他分支也可以，看情况填写）

构建触发器选择

构建环境选择

Build Steps 选择 shell 脚本

npm -v //查看npm版本
node -v //查看node版本
npm i //下载依赖
npm run build //打包
cd /home //切换到服务器下的home目录
rm -rf shopping/client/dist/* //删除 指定目录下dist里面的所有文件
cp -r /home/jenkins_home/workspace/shopping-client/dist/* shopping/client/dist //将 jenkins中打包好的dist文件都复制到指定目录下

其中 shopping/client/dist 是云服务器 home目录下创建的（已经用 nginx 配置好了）

下面的 /home/jenkins_home/workspace/shopping-client/dist/ 就是你打包好的文件存放在服务器中的路径。

八、构建

6次成功了1次......主要还是网不好，拉不下来，请大家慎重考虑 GitHub♥️