Jenkins+Github实现前端自动化构建-Centos虚拟机

在Centos中安装Jenkins完成后，还需要下载插件

插件下载

下载nodejs plugin、github plugin

系统设置

依次打开 系统管理 >> 系统设置

Jenkins Location

#Jenkins URL 
172.16.142.129:8080   #配置Jenkin的地址，在邮件中显示

#管理员邮件地址
[email protected]

管理员邮件地址

邮件通知

邮件通知

注意：这里的邮箱账号最好与上方填写的系统管理员邮箱相同，密码是生成的授权码；在下方输入另外的邮箱，点击Test configuration测试通过即可。

github

点击右边的问号，展开说明。

GitHub Servers

点击 personal access token,创建一个token。

github token

复制token

生成的token

再返回JenKins配置页面，点击Add按钮

添加一个GitHub证书

Git plugin

输入你的github用户名以及邮箱

配置git

系统管理 >> 全局工具配置

Git installations

勾选自动安装

NodeJs

NodeJs

这里的Node版本选择与你项目相同的。

---

创建项目

1. 创建一个自由风格的项目

   
   
   

   自由风格的项目

2.配置github项目地址

github项目地址

3.配置项目git地址

git地址

4.点击Add,添加一个github账号

添加一个github账号

5.选择GitHub hook trigger for GITScm polling

构建触发器

6.配置构建环境，选择一个添加过的node

构建环境

7.添加构建步骤：选择execute shell来执行node命令

image.png

这里的命令跟你项目相同就行，我这里是多了一层目录，所以需要 cd client

image.png

8.再添加构建步骤：Set build status to "pending" on GitHub commit

image.png

9.添加构建后的操作：E-mail Notification以及Set build status on GitHub commit [deprecated]

邮箱

保存。End
10.最后在github项目中，打开settting

Add service

配置webhook地址

这里的就不得不介绍个软件：NatApp
因为是Mac系统装的虚拟机，所以直接填写内网地址，github肯定post不了。
下载这个软件后，在同目录下添加config.ini文件

#将本文件放置于natapp同级目录 程序将读取 [default] 段
#在命令行参数模式如 natapp -authtoken=xxx 等相同参数将会覆盖掉此配置
[default]
authtoken=xxxxxxxxx    #对应一条隧道的authtoken
clienttoken=                #对应客户端的clienttoken,将会忽略authtoken,若无请留空,
logto=none                  #log 日志文件, 可以是 none 代表不记录 或者 stdout 代表直接屏幕输出 ,默认为none
loglevel=DEBUG              #日志等级 DEBUG, INFO, WARNING, ERROR 默认为 DEBUG
http_proxy=                 #代理设置 如 http://http://10.123.10.10:3128

authtoken是你注册后，申请通道得来的，免费的救行。

image.png

本地地址：输入centos的ip
本地端口：jenkins默认8080；

双击natapp

内网端口映射到外网域名了

最后push代码，可以看到触发构建

构建中

如果出现问题，这里也能看到。
根据错误信息解决问题。