* 写在前面的一段话：
根据目前的工作需要，以及为了接下来新产品前后端间更高效的协同，我决定爬一下Jenkins的坑。本文通过git钩子+Jenkins实现了，本地git push代码，Jenkins会自动响应并拉取码云上最新的代码值服务器上，使得本地提交代码时，线上能够同步的更新代码，省去了手动更新服务器上代码的重复工作。
所需工具
- 服务器本文用的是 CentOS 7.2 64位）
- Jenkins
- 码云（也可以是github、gitlab等）
Jenkins 是什么？能做什么？
Jenkins是一个开源软件项目，旨在提供一个开放易用的软件平台，使软件的持续集成变成可能。Jenkins是基于Java开发的一种持续集成工具，用于监控持续重复的工作，功能包括：
1、持续的软件版本发布/测试项目。
2、监控外部调用执行的工作。
一、安装JDK
1、在安装Jenkins之前，需要先安装JDK及配置系统环境变量，因为Jenkins是基于JAVA的。
下载JDK8安装包并上传至服务器，在安装之前建议先检查下是否安装过JDK，因为Jenkins最新的2.x版本是基于JDK8的，通过下面命令可以查询
# rpm -qa | grep java如果有，会出现已安装的JDK列表。执行下面命令依次卸载即可
# rpm -e --nodeps <列表里各项>2、安装JDK8
# rpm -ivh <下载的安装包名称>3、检查JAVA版本
# java -version4、配置环境变量
打开配置文件
# vim /etc/profile 按i键可以进入编辑模式，按pagedown翻到最后，添加上如下配置
export JAVA_HOME=<JDK安装的路径>
export PATH=$JAVA_HOME/bin:$PATH
export CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar按Esc退出编辑模式，并输入下面命令保存并强制退出
:wq!重新应用修改后的配置文件
# source /etc/profilePS:可以打印出$PATH变量，查看是否配置成功
# echo $PATH如果输出了相对应的路径则说明配置成功，可以进行下一步了！
二、安装Jenkins
1、如同安装JDK，先下载Jenkins的.war安装包并上传至服务器(也可以将Jenkins存储库添加到yum repos，并从这里安装Jenkins.详情可见 Jenkins文档 )，进入Jenkins包所在文件夹执行下面命令启动Jenkins
# java -jar jenkins.war --httpPort=8090启动后用浏览器打开http://<ip>:8090，密码复制粘贴即可，然后按照提示登录，并安装推荐的插件…
OK，至此，基础准备工作已经完成，我们在服务器上安装了Jenkins并启动，然后进行了初始化配置。接下来我们就需要建立了一个新任务，开始配置我们需要的功能了。
思考下我的需求：本地push代码到码云，Jenkins自动拉取最新的代码。所以需要将本地、服务器与码云三者间关联起来
三、实现git钩子功能
1、在Jenkins插件管理里找到已安装插件，如图
检查一下三个插件是否安装，如果没有，请安装
- Git plugin
- Publish Over SSH
- Generic Webhook Trigger Plugin
2、安装好后重启Jenkins，接下来便是新建一个任务：
PS: 如果你的项目在拉取代码后需要其它操作，诸如：安装依赖、打包等，可在构建、构建后操作里配置，本文不再演示
3、配置码云的webhooks
添加 url格式为 http://<User ID>:<API Token>@<Jenkins IP地址>:端口/generic-webhook-trigger/invoke
其中 userid 和 api token 在jenkins的系统管理-管理用户-admin-设置里
密码就是jenkins登陆的密码，填写完成保存，点击测试如图
出现图示结果，并且Jenkins里显示构建成功
那么说明git钩子已经生效。你也可以本地push代码来测试一下！
来看看jenkins拉取的代码吧，在jenkins workspace里可以找到
四、最终目的
那么问题来了，我以为这样就Everything has been done，打开后居然是这个样子
想想我最初的目的，自动化的流程是实现了，但是实时同步线上预览挂掉了，这可真的是不行不能够不可以的，我决定出去看看外面的世界找找灵感(答案)，果然被我找到了
方法一：在jenkins命令行脚本输入
System.setProperty("hudson.model.DirectoryBrowserSupport.CSP", "")
方法二：在启动时指定参数
# java -Dhudson.model.DirectoryBrowserSupport.CSP= -jar jenkins.war --httpPorrt=8090运行，如果还是报错 记得清下浏览器缓存！
至此，done!
五、总结下
Jenkins 功能十分强大，在现在前端项目工程化的背景下，可以替开发和测试人员做很多重复性的工作，本次基于Jenkins做的只是一个销应用场景下的demo，在公司新产品开发时也可以基于此进行更多功能的完善！
