首先,开始配置之前,本文默认你所在的服务器已经安装好所需的环境。
新建工程
打开Jenkins工作桌面,选择新建:
然后填写工程名称,选择 “构建一个自由风格的软件项目”,然后点OK,
配置工程
然后添加源码,比如本例中使用的是git作为源码版本管理,那么选择源码管理标签,选中git(Jenkins需要安装git插件),填写源码地址,选好分支:
接着,切换到 构建 选项卡,点击“增加构建步骤”,选中“Execute shell”:
然后输入:
npm install
npm run build
到此即可保存配置。
构建工程
返回工程面板,选择立即构建:
此时,Jenkins就自动生成了相应的构建任务:
查看日志,即可看到,Jenkins已经自动从git服务器下载源码,并执行自动生成的临时构建脚本:
等待构建完成:
可在服务器找到构建后的代码:
部署代码
以上的步骤只是实现了自动化构建,当然,我们的目的还没这么简单;我们肯定还希望构建完成之后,将目标代码自动部署到我们的服务器(ftp、local server ,etc...)。
增加部署的步骤,我们只要在构建后增加相应的上传脚本即可。
本次模拟环境暂时以本地服务器为例(Jenkins和Web服务器同一主机):
rm -R -f /home/jenkins/tomcat/webapps/vuxdemo1/*** #移除本地旧代码
cp -R ./dist/*** /home/jenkins/tomcat/webapps/vuxdemo1 #复制新代码到服务器
这样,下次只要有改动,只需点击构建,Jenkins就会自动打包最新代码,并部署到服务器。
如果是上传到ftp,只需在shell中,增加相应的shell脚本即可。