美文网首页
Jenkins+Github实现前端自动化构建-Centos虚拟

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

作者: 叶落秋明 | 来源:发表于2018-01-05 22:53 被阅读0次

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

    插件下载

    下载nodejs plugingithub plugin

    系统设置

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

    Jenkins Location
    #Jenkins URL 
    172.16.142.129:8080   #配置Jenkin的地址,在邮件中显示
    
    #管理员邮件地址
    xxxxxxxx@email.com
    
    管理员邮件地址
    邮件通知
    邮件通知

    注意:这里的邮箱账号最好与上方填写的系统管理员邮箱相同,密码是生成的授权码;在下方输入另外的邮箱,点击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代码,可以看到触发构建


    构建中

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

    相关文章

      网友评论

          本文标题:Jenkins+Github实现前端自动化构建-Centos虚拟

          本文链接:https://www.haomeiwen.com/subject/lbxenxtx.html