使用jenkins自动构建github项目


欢迎加入前端交流群:749539640html

jenkins介绍

构建伟大,无所不能前端

Jenkins是开源CI&CD软件领导者, 提供超过1000个插件来支持构建、部署、自动化, 知足任何项目的须要。vue

  • 做为一个可扩展的自动化服务器,Jenkins 能够用做简单的 CI 服务器,或者变成任何项目的持续交付中心。
  • Jenkins 是一个基于 Java 的独立程序,能够当即运行,包含 Windows、Mac OS X 和其余类 Unix 操做系统。
  • Jenkins 能够经过其网页界面轻松设置和配置,其中包括即时错误检查和内置帮助。
  • 经过更新中心中的 1000 多个插件,Jenkins 集成了持续集成和持续交付工具链中几乎全部的工具。
  • Jenkins 能够经过其插件架构进行扩展,从而为 Jenkins 能够作的事提供几乎无限的可能性。
  • Jenkins 能够轻松地在多台机器上分配工做,帮助更快速地跨多个平台推进构建、测试和部署。

安装jenkins

jenkins的安装请移步在linux服务器上安装Jenkinsjava

新建github项目

咱们新建一个名为jenkins的git仓库,代码我这里选择了用vue-cli简易生成了一个示例demo
node

github配置

sercret text

注:此处须要一个对项目有写权限的帐户linux

进入github --> setting --> Personal Access Token --> Generate new token
或者点击进入

img

img

本身先保存此token,若是丢失,以后再也没法找到这个tokengit

GitHub webhooks 设置

进入刚才新建的jenkins仓库 --> setting --> WebHooks&Services --> add webhook --> 输入刚刚部署jenkins的服务器的IP

jenkins地址后加上/github-webhook/github

img

jenkins的github配置

安装GitHub Plugin

系统管理-->插件管理-->可选插件

直接安装Github Plugin, jenkins会自动帮你解决其余插件的依赖,直接安装该插件Jenkins会自动帮你安装plain-credentials 、Git 、 credentials 、 github-apiweb

img

配置GitHub Plugin

系统管理 --> 系统设置 --> GitHub --> Add GitHub Sever

以下图所示vue-cli

img

API URL 输入 https://api.github.com,Credentials点击Add添加,Kind选择Secret Text,具体以下图所示。

img

Secret添加刚才生成的token,id和描述随便填写

设置完成后,点击TestConnection,提示`Credentials
verified for user UUserName, rate limit: xxx`,则代表有效。

### 建立一个freestyle任务

- General 设置
填写GitHub project URL, 也就是你的项目主页
eg. https://github.com/your_name/your_repo_name

img

- 配置源码管理

img

  1. 填写项目的git地址, eg. https://github.com/your_name/your_repo_name.git
  2. 添加github用户和密码
  3. 选择githubweb源码库浏览器,并填上你的项目URL,这样每次构建都会生成对应的changes,可直接链到github上看变动详情

- 构建触发器,构建环境

img

img

这里若是没有node,就须要安装下node
由于Jenkins容器中只有java环境支持运行jenkins,没有node环境,可是jenkins提供在线安装nodejs。 官方文档
  • 下载nodejs插件并配置
  • 系统管理--->管理插件--->下载NodeJS插件
  • 下载的插件在:$JENKINS_HOME/plugins目录下
  • 系统管理--->Global Tool Configuration--->选择须要安装的nodejs版本
  • 会从nodejs官网下载安装,nodejs安装包在:$JENKINS_HOME/tools目录下

- 构建

- 构建后操做

img

最后点击保存便可

测试

上传代码
查看jenkins

这样就成功了,每次提交代码到master就会进行自动构建测试代码有没有问题

下一篇咱们介绍如何添加钉钉机器人提示提交信息

相关文章
相关标签/搜索