文档章节

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

莫铭
 莫铭
发布于 2017/03/31 16:34
字数 500
阅读 4294
收藏 0

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

新建工程

打开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脚本即可。

© 著作权归作者所有

共有 人打赏支持
莫铭
粉丝 14
博文 55
码字总数 15798
作品 0
广州
后端工程师
私信 提问
前端技术周刊 2018-06-22:Webpack 生存指南

前端技术周刊 2018-06-22 新闻 生态更新 Nodejs 发布了六月安全更新,建议开发者更新到 10.4.1 版本,包含对 HTTP/2 拒绝服务攻击、TLS 拒绝服务等的预防。 五月底,欧盟的通用数据保护协议 ...

a独家记忆
2018/07/13
0
0
前端进阶之路-利用Jenkins快速打造前端项目自动化工作流

三个问题(是什么?为什么?怎么做?) 如果你之前没有接触过持续集成相关的知识,难免会生出标题上的三个问题,现在我们就从上面说的三个问题开始讲起: 是什么? 维基百科给出如下解释: ...

无尘霄
2018/10/17
0
0
Jenkins前端项目持续部署

前后端分离的开发模式下,往往前端只需将一个包含js,html,css以及其他静态资源的dist目录发给后端。 最直观的就是vue-cli,create-react-app,自定义脚手架中的npm run build命令,本质上,...

趁你还年轻233
2018/08/28
0
0
DevOps进阶(七)使用jenkins和nodejs进行自动打包更新服务

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/sunhuaqiang1/article/details/84791625 创建任务 创建任务比较简单,这里我们创建自由风格项目: General信息...

孙华强
2018/12/04
0
0
Web API 持续集成:PostMan+Newman+Jenkins(图文讲解)

本文由葡萄城技术团队于OSChina原创并首发 转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 上篇文章我们已经完成了API测试工具选型,接下来是...

葡萄城技术团队
2018/10/31
0
0

没有更多内容

加载失败,请刷新页面

加载更多

nginx rails 详细站点配置入门教程

Ruby on Rails 是一个用于开发数据库驱动的网络应用程序的完整框架。Rails基于MVC(模型- 视图- 控制器)设计模式。从视图中的Ajax应用,到控制器中的访问请求和反馈,到封装数据库的模型,R...

xiangyunyan
47分钟前
3
0
Shiro

Shiro是Apache的一个开源框架,是一个权限管理的框架,实现用户认证、用户授权等。 只要有用户参与一般都要有权限管理,权限管理实现对用户访问系统的控制,按照安全规则或者安全策略控制用户...

嘿嘿嘿IT
51分钟前
1
0
Flutter 之 Dart语言基础详解 上篇

经过了一个星期的React Native的学习和了解,感觉还是Flutter的优势会更高一些,而且从学习成本来说感觉做安卓的同学学习flutter会相对低一点,门槛会低很多。 当然dart的基础笔者还是从其他...

林-师傅等等我
今天
5
0
Java NIO问题总结

问题1:IO事件在被处理之前,selector.select()方法依然能够返回该事件。即如果在一个线程A中进行selector.select(),而将selector.selectedKeys()中的SelectionKey交由业务线程池去处理,则...

月下狼
今天
5
0
ehcache

简单介绍 EhCache 是一个纯Java的进程内缓存框架,具有快速、精干等特点,是Hibernate中默认的CacheProvider。Ehcache是一种广泛使用的开 源Java分布式缓存。主要面向通用缓存,Java EE和轻量...

大笨象会跳舞吧
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部