docker下的jenkins前端集成环境配置

注:默认前提是你已经在服务器上用docker装好了jenkins容器并启动。

#1.安装插件(系统设置-插件管理-可选插件)

  • Build Timestamp Plugin(构建时间戳)
  • Publish Over SSH (ssh服务,把构建好的文件ssh到相应服务器)
  • GitHub plugin(有可能默认已经安装了,负责触发hook)
  • GitHub API plugin(有可能默认已经安装了,负责触发hook)
  • nodejs plugin(nodejs服务)
    !!全部装完建议重启jenkins服务,我的重启后变成中文版的了- -, 在服务器上 docker restart jenkins;

#2.配置相应的插件(系统管理-系统设置)

  • 找到 Build Timestamp (上面的插件提供的),进行如下设置:
    1.png
  • 找到 Publish over SSH,设置:
    2.png

    那些都不需要设置,直接用我们的容器的私钥就好了,如何获取私钥:
    (1) docker exec -it jenkins sh 进入容器
    (2) ssh-keygen -m PEM -t rsa -b 4096生成ssh私钥及公钥(默认在 ~/.ssh 即 /root/.ssh 目录中),可以一路回车,若设密码的话,需在“Passphrase”中填写
    (3) cat ~/.ssh/id_rsa 查看私钥,把私钥copy到上图的“key”设置中
    (4) cat ~/.ssh/id_rsa.pub查看公钥,把公钥copy到宿主机服务器的 ~/.ssh/authorized_keys 中, 这样服务器就能接受jenkins容器的ssh推送了。
    然后继续配置SSH Servers字段:
    4.png

(1) name: ssh节点名称,建议协商服务器的概要,不要设置成你项目的名字,因为jenkins不可能只服务你一个项目,肯定有很多项目
(2) hostname: 远程服务器IP
(3) username 登录服务器时使用的用户名
(4) remote directory 推送到远程服务器的目录,建议根目录,在job任务里在仔细的填写ssh的具体目录


#3.配置安装nodejs环境(系统管理-全局工具配置-nodejs)

5.png

  • 勾选自动安装
  • 选择一个node版本即可

#4.github授权

  • 打开你的github服务器地址,(setting-Developer settings-Personal access tokens-Generate new token ), 勾选repo admin:repo_hook两项生成token并且复制备用
  • 打开jenkins(系统管理-系统设置-github), 添加github服务器,名称随便填,URL默认。
    6.png

    这里要注意凭据的添加,点击添加:
    7.png

    类型选择secret textsecret字段填刚才github那里生成的token, 点添加(如果这里添加了但是并没有在刚才凭据的下拉里看到的话,也就是没添加成功,原因我不清楚,可以在jenkins根目录菜单选择凭据然后在右侧按照上面的方法添加如果还不行就直接使用ip地址加端口访问jenkins来添加这个凭据这个东西。)
  • 选择刚才添加的凭据,点连接测试是否成功:


    8.png
  • 设置githubHook地址,点击下面的高级,会出现地址并复制:
    9.png
  • github上找到你的项目进入详情(setting - webhooks-add webhooks)
    10.png

    Payload URL填写刚刚jenkins生成的hook地址即可。

#5. 新建一个jenkins任务job进行部署配置

  • 新建任务


    11.png
  • 配置该Job任务
    (1)general: 填写下图几项,项目URL就是你要构建的那个项目的github url地址;

    12.png

(2)源码管理:

  • 选择git
  • 填入项目地址
  • Credentials这里的凭据还是跟刚才那样添加,如果不起效果那么选择username with password类型添加,就是你github的账号和密码
  • Branch specifier选择你想要构建的分支,因为一个项目有很多分支,比如dev, test,prd等,直接写*/你项目分支名
    13.png

(3) 构建触发器: 选择GitHub hook trigger for GITScm polling即可

14.png

(4) 构建环境: 选择 Provide Node & npm bin/ folder to PATH, 在选一个你安装好的Nodejs(前提你在之前通过jenkins全局设置安装好了node)

15.png

(5) 构建: 选择添加构建步骤执行 shell

#!/bin/bash
echo '开始项目构建命令'
echo $PATH
node -v
npm -v
echo '当前分支'
git branch
echo '拉代码'
git pull origin spa
echo '装node_modules'
npm install 
echo '打包'
npm run build
echo '压缩/dist'
tar -cvf dist.tar ./dist

(6) 构建后操作:选择 增加构建后操作, send build artifacts over ssh 来把我们构建好的代码包推送到远程服务器上并解压

17.png

  • name 填你想要填的
  • source files 想要操作的文件 这里的 dist.tar就是上面构建后打包的压缩文件
  • Remote directory推送到远程目录,因为我们在全局的jenkins配置上已经配置过ssh server的基础目录是/目录了,所以在这就填写具体的你想要放置的目录(建议这个目录是nginx绑定的主页目录,这样一推送nginx就会自动映射了)
  • Exec command 推送完毕后你想要执行的命令

#6. 本地代码推送部署

  • 本地相应分支代码推送到github,应该就会部署构建了,可以查看控制台输出日志
  • 我遇到了env: ‘node’: No such file or directory问题,是因为jenkins容器并没有成功安装node或环境变量没有node,无果google
    (1) docker exec -it jenkins sh进入容器
    (2) apk add --no-cache nodejs 手动安装node后成功
    18.png
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,142评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,298评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,068评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,081评论 1 291
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,099评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,071评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,990评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,832评论 0 273
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,274评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,488评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,649评论 1 347
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,378评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,979评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,625评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,796评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,643评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,545评论 2 352

推荐阅读更多精彩内容