在上一篇http://www.javashuo.com/article/p-yglphuyj-bk.html文章中,咱们提到了如何搭建一个持续集成环境,接下来,咱们以一个前端开发的例子,来图解如何搭建一个前端的可持续部署环境。html
下面,咱们将搭建一个前端项目可持续部署的环境,须要的环境有:前端
window 10: 这里咱们用window系统做为演示例子,可能根据须要换成linux系统或者其它。node
Jenkins 2.73.2linux
jenkins的安装能够参照官方的文档git
https://jenkins.io/doc/pipeline/tour/getting-started/github
采用默认安装,安装的时候,记得选择安装git插件web
Tomcat 8.0apache
根据系统,选择安装的版本npm
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”是它对应在服务器下的目录
这样,打开浏览器,访问对应的服务器应用,咱们就能够访问到编译好的项目了。效果以下:
至此,整个持续部署环境就完成了。