在上一篇https://my.oschina.net/u/2562868/blog/1547275文章中,我们提到了如何搭建一个持续集成环境,接下来,我们以一个前端开发的例子,来图解如何搭建一个前端的可持续部署环境。
部署环境
下面,我们将搭建一个前端项目可持续部署的环境,需要的环境有:
window 10: 这里我们用window系统作为演示例子,可能根据需要换成linux系统或者其它。
Jenkins 2.73.2
jenkins的安装可以参照官方的文档
https://jenkins.io/doc/pipeline/tour/getting-started/
采用默认安装,安装的时候,记得选择安装git插件
Tomcat 8.0
根据系统,选择安装的版本
http://tomcat.apache.org/tomcat-8.0-doc/setup.html
Node v6.0.0
安装node和npm,npm版本是3.8.6
配置程序
运行jenkins,运行之后的界面效果如下:
然后我们创建一个自由风格的项目,然后配置一个github上面的前端项目
https://github.com/thomaslwq/CloudShopping-.git
配置系统的构建参数,默认是每分钟回去轮询一次。
构建参数
配置好之后,保存,然后开始构建
这样只是完成了构建的操作,但是有一个问题,我们怎么实现构建完成之后,自动部署到服务器目录下呢,一般做法是写个脚本,将编译好的文件传送到对应的根目录下面,这里我们介绍另外一种简单的“单机版”方式,首先,你要找到你对应的项目的jenkins目录,例如:
然后,找到你tomcat对应的webapp目录,然后将这两个目录进行软链接,做个“单机版”的部署环境,这样每次编译完之后的代码都是自动映射到服务器对应的目录下,实时更新。命令如下:
mklink /D C:\dev\Tomcat8.0\webapps\front_end_test D:\Program Files (x86)\Jenkins\workspace\front_end_test\build
这里“D:\Program Files (x86)\Jenkins\workspace\front_end_test\build”是jenkins编译生成的目录
“C:\dev\Tomcat8.0\webapps\front_end_test”是它对应在服务器下的目录
这样,打开浏览器,访问对应的服务器应用,我们就可以访问到编译好的项目了。效果如下:
至此,整个持续部署环境就完成了。