Jenkins打包NodeJS项目---入门篇

首先,开始配置之前,本文默认你所在的服务器已经安装好所需的环境。

新建工程

打开Jenkins工作桌面,选择新建:

172428_1L8P_1046928.png

然后填写工程名称,选择 “构建一个自由风格的软件项目”,然后点OK,

172604_p6YK_1046928.png

配置工程

然后添加源码,比如本例中使用的是git作为源码版本管理,那么选择源码管理标签,选中git(Jenkins需要安装git插件),填写源码地址,选好分支:

173910_CU19_1046928.png

接着,切换到 构建 选项卡,点击“增加构建步骤”,选中“Execute shell”:

174046_wpEu_1046928.png

然后输入:

npm install
npm run build

174138_ZRFh_1046928.png

到此即可保存配置。

构建工程

返回工程面板,选择立即构建:

174301_Xw4a_1046928.png

此时,Jenkins就自动生成了相应的构建任务:

174355_tzVy_1046928.png

查看日志,即可看到,Jenkins已经自动从git服务器下载源码,并执行自动生成的临时构建脚本:

174535_9OdF_1046928.png

等待构建完成:

110424_kRnR_1046928.png

可在服务器找到构建后的代码:

110447_whfZ_1046928.png

部署代码

以上的步骤只是实现了自动化构建,当然,我们的目的还没这么简单;我们肯定还希望构建完成之后,将目标代码自动部署到我们的服务器(ftp、local server ,etc...)。

增加部署的步骤,我们只要在构建后增加相应的上传脚本即可。

本次模拟环境暂时以本地服务器为例(Jenkins和Web服务器同一主机):

rm -R -f /home/jenkins/tomcat/webapps/vuxdemo1/***          #移除本地旧代码
cp -R ./dist/*** /home/jenkins/tomcat/webapps/vuxdemo1   #复制新代码到服务器

164016_7Iyf_1046928.png

这样,下次只要有改动,只需点击构建,Jenkins就会自动打包最新代码,并部署到服务器。

如果是上传到ftp,只需在shell中,增加相应的shell脚本即可。

转载于:https://my.oschina.net/mobinchao/blog/871703

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值