服务器配置：操作系统：CentOS7.664位CPU：1核内存：2GB公网带宽：1Mbps1.安装JavaSDK1。进入根目录查看是否有java环境$cd/$java-version有环境:没有环境:2.如果已经有环境，那么直接安装nginx。如果没有环境，这里我们安装java-1.8.0//搜索`yum`for`java1.8`packages$yumlistjava-1.8*//开始安装$yuminstalljava-1.8.0-openjdk*-y//查看版本$java-version2.安装nginx1，通过rpm安装nginx$rpm-Uvhhttp://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm$sudoyuminstall-ynginx2，一些文件夹位置和操作如下//启动nginx$nginx-cnginx.conf//网站文件存放默认目录$/usr/share/nginx/html//网站默认站点配置$/etc/nginx/conf.d/default.conf//自定义Nginx站点配置文件存放目录$/etc/nginx/conf.d///Nginx全局配置文件$/etc/nginx/nginx.conf//重启nginx$nginx-sreload//基于nginx的静态部署$server{$listen80;$server_name_;$root/usr/share/nginx/html;$indexHome.html;$}3、安装完成后，我们需要启动nginx。启动成功后，访问服务器的ip地址，如下图，成功3.安装并启动jenkins1，下载并安装jenkins$wgethttps://mirrors.tuna.tsinghua.edu.cn/jenkins/红帽稳定/jenkins-2.222.3-1.1.noarch.rpm$yum-ylocalinstalljenkins-2.222.3-1.1.noarch.rpm2,jenkins主目录//jenkins安装目录，WAR包会放在/usr/lib/jenkins///jenkins配置文件，端口，JENKINS_HOME等可以在这里配置/etc/sysconfig/jenkins//默认JENKINS_HOME/Nar/lib/jenkins///Jenkins日志文件/var/log/jenkins/jenkins.log3,启动并配置jenkins进入配置文件将启动用户改为root，默认为Jenkins$vim/etc/sysconfig/jenkins...JENKINSUSER="root"...//启动Jenkins$systemct1startjenkins//关闭jenkins$systemct1enablejenkins在浏览器中输入http://你的ip地址:8080，进入如下界面就成功了进入输入框，点击继续6.出现如下安装插件的界面，选择安装推荐的插件，等待安装完成7.创建第一个用户，保持默认实例配置，这样我们就可以开始使用Jenkins了8.出现如图所示界面，则jenkins安装成功4.github生成PersonalAccessToken1，github-->Avatar-->Settings-->Developersettings-->Personalaccesstokens-->Generatenewtoken2，如下图勾选，最后点击generatetoken生成一个令牌。3.注意！生成token后，需要记录下来，因为只会显示一次。5、GitHub设置GitHubwebhooks（专门针对需要持续集成的项目），新建或设置现有项目的webhooks选项，url：已部署服务器webhook的IP+端口+github-6、设置jenkins1的github配置。在jenkins中新建一个任务，填写你的任务名称，选择构建自由式项目（奇怪为什么第一项不是中文-.-）2.管理Jenkins-->配置System3，找到GitHub选项-->添加Github服务器-->GitHubServer4，勾选“managementHook”，添加-->Jenkins5，在弹窗中，如下图配置，这里需要使用之前生成的token6，选择生成的凭据并测试jenkins以连接到github服务器。如下图所示，配置成功。请记住在页面底部保存配置。七、设置jenkins的项目配置1、进入项目的配置项2、选择github项目，填写项目网址（在浏览器复制地址即可）3、选择源代码管理下的git，进入RepositoryURL(Cloneanddownloadyourproject的地址)4.出现上图错误是因为我们没有安装git。//监控是否git$rpm-qa|grepgit//Installgit$yuminstallgit-y5刷新jenkins页面，重新填写url，可以看到错误消失了。然后我们选择Credentials，如果下拉选项中有，直接选择即可。如果没有，点击Add-->jenkins添加一个Usernamewithpasswrod类型的权限用户，直接用github的登录名和密码创建。添加后会出现下拉选项，最终配置如下图所示。6.构建触发器+构建环境+绑定配置点击添加，选择密文选项，在新出现的选项中选择添加的权限用户7.构建配置，添加执行shell。现在可以执行shell命令了，我们先执行pwd看看默认工作目录在哪里。保存后，我们点击BuildNow，在buildhistory下会看到本次build的ID（蓝色表示构建成功，红色表示失败）。单击构建ID右侧的小三角形并选择控制台输出。可以看到jenkins默认的工作目录是/var/lib/jenkins/workspace/ceshi。8.编写shell命令。不同的前端使用不同的技术框架，所以这里需要根据自己的项目进行配置。这里我以打包一个简单的h5页面为例，构建打包代码文件并解压到nginx的指定目录下，命令如下：//当前目录$pwd//压缩所有文件$tar-zcvfceshi.tar.gz*//将打包后的压缩文件解压到nginx映射目录$tar-zxvf/var/lib/jenkins/workspace/ceshi/ceshi.tar.gz-C/usr/share/nginx/html$cd/var/lib/jenkins/workspace/ceshi//删除项目打包后剩下的$rm-f*8.测试配置结果大家还记得之前我们配置nginx成功后的页面吗，就是下面这个，现在我们随便写一个页面来代替。将修改后的代码提交到master分支，可以看到Jenkins会自动构建并添加新的构建记录，然后我们访问你的服务器IP，可以看到页面发生了变化参考：DeployJenkinsbuildarealfront-end开发环境+可持续集成+自动化部署实践（上篇环境搭建与配置）一套真实的前端开发环境搭建+可持续集成+自动化部署实践（下篇jenkins关联GitHub自动打包部署）jenkins的参数化搭建GitLab+Jenkins实现持续集成+自动化部署
