Git
1. 安装
yum info git
yum install -y git
Vue
1. vue-cli新建立项目
https://cli.vuejs.org/zh/guide/installation.html
2. 提交项目到github
可以使用github、码云、coding、gitlib等任意的代码托管服务平台,这里使用的是github平台
//git的入门教程
https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000
Jenkins
1. 初始化
- 浏览器访问jenkins的web地址 http//xxxxx:8080。
- 输入管理员密码,在服务器上用vim打开,网页上提示路径下的文件,复制密码粘贴输入,继续下一步。
- 安装需要的插件,选择推荐安装。
image
- 创建一个管理员账户。
完成后会显示如下界面。
image
2. 全局添加node构建时,需要的环境
- 安装node插件。在插件界面,搜索关键字 nodejs
image
- 安装插件说明是如下的插件。安装完成后重启jenkins
NodeJs
NodeJS Plugin executes NodeJS script as a build step.
image
- 【构建环境】的node选项,需要预先全局添加。位置:系统管理->全局工具配置->NodeJs下面。填写的nodejs版本和服务器一至。最下面保存按钮完成。
image
3. 获取token
- 进入github ,生成token(我已经生成过一次了,所以上面的提示是红色的按钮,可以点击,再次生成)
Settings > Developer settings > Personal access tokens
image
4. github插件的全局配置
- 系统管理 –> 系统设置 –> GitHub –> Add GitHub Sever
image
- secret填上刚才 在github上面生成的token
image
5. 新建任务
image
image
- 项目在github上的仓库URL地址,账号新增一个github的登录账号
image
image
- 选择刚才安装的插件和配置的全局nodejs环境,配置的github插件的token
image
- 选择shell
image
说明:安装包,删除之前的静态目录,重新打包构建
image
gitHub勾子打通
经过上面的jenkins配置,现在就可以在github上面,通过webhook的配置,来和服务器的jenkins打通,通信。
1. webhook的配置
image
image
- Payload URL 注意这里的结尾要有 “/”
http://你的IP:端口/github-webhook/
image
- 成功发送消息给jenkins
image
- jenkins收到消息后,自动构建
image
image
踩坑说明
- jenkins 忘记密码
https://blog.csdn.net/jlminghui/article/details/54952148