一套真实前端开发环境搭建+可持续集成+自动化部署实践（第一篇环境搭建配置）

以前公司的流程是 gitlab + jenkins + nginx（大概是这样其余更细的由于没有机会涉及因此...略）,大概的流程是就是代码提交到gitlab再经过jenkins打包部署到服务器，这个时候的效果就是你代码提交的了。暗暗以为这是一个很 nice 的过程，相对人肉打包，再放到服务器是一个很舒服的过程。因此也一直但愿有机会能够本身实践一番。

汇总

• 服务器安装 Java SDK；
• 服务器安装 nginx + 启动；
• 服务器运行启动jenkins；

若是上述的环境你都已经具有的了那么你能够直接跳过这里，查看 一套真实前端开发环境搭建+可持续集成+自动化部署实践（第二篇 jenkins关联 GitHub自动打包部署）

须要的环境成本

• 购买阿里云ECS（验证明践，我选择的是阿里的玩转校园生态 ，只要9.5元一个月）
• 注册的GitHub（这里使用 GitHub 代替 gitlab ）

提示：

1️⃣以下服务器安装软件，尽量的使用yum（能够理解为相似 npm 的工具）安装，省去配置环境变量等的繁琐步骤；

2️⃣ssh 终端连接服务器长时间不操做，会断开连接，重登便可；

以下是具体详细的操做 ⏬⏬⏬⏬

①服务器操做步骤，安装 Java SDK；

• 登陆服务器进入 控制台--> 轻量级服务器

  

• 首次到服务器修改一下远程链接密码

  

• 修改完成以后，使用终端ssh 登陆， ssh root@47.107.253.162（@后面是你的服务器的 ip），登陆成功后，cd 进入根目录，查看是否有java 环境-java -version（用查看版本的方式），

  

安装 java sdk

若是没有输出信息，则没有安装。
若是安装了，首先卸载 

批量卸载
rpm -qa | grep java | xargs rpm -e --nodeps
yum -y remove java-1.8.0-openjdk-headless-1.8.0.65-3.b17.el7.x86_64

检索yum中有没有java1.8的包
yum list java-1.8*  

开始安装
yum install java-1.8.0-openjdk* -y

安装完成查看版本，查看jdk版本，java-1.8.0后台大佬说比较稳，so...
java -version

复制代码

②服务器操做步骤，安装 nginx；

// rpm 安装nginx

rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm

sudo yum install -y nginx

//------运行👆上面两句，算是安装成功了，一些文件夹位置和操做以下👇-------

Nginx启动
nginx -c nginx.conf

//查询出nginx的pid 
ps -ef|grep nginx

//经过kill 命令杀死 nginx 
kill pid


网站文件存放默认目录
/usr/share/nginx/html

网站默认站点配置
/etc/nginx/conf.d/default.conf

自定义Nginx站点配置文件存放目录
/etc/nginx/conf.d/

Nginx全局配置
/etc/nginx/nginx.conf

重启便可：nginx -s reload

基于nginx的静态部署：
server {
    listen 80;
    server_name _;
    root /usr/share/nginx/html;
    index Home.html;
}
复制代码

安装完毕以后，以默认配置项启动nginx，验证成功与否网页打开你的服务器 ip 便可（ssh root@47.107.253.162，@后面的数字就是你服务器的 ip）

这样算是安装成功而且启动成功了👇

③服务器操做步骤，安装、启动jenkins

官网下载,选择.war包

把下载的 jenkins.war包上传到你的服务器,这里的上传工具 mac 推荐filezilla，windows 推荐 WinSCP，这里我使用的是filezilla，登陆方式以下图，

登陆成功后，在/user/jenkins 新建jenkins文件把咱们下载的jenkins.war拖到这个文件夹中完成上传

filezilla登陆你的服务器可能须要开启一下端口，这里是22，默认应该是开启的，若是没有开始你就手动开启一下；

终端登陆，找到刚才咱们新建，而且上传 jenkins.war 的文件夹。注意 ！！！注意 ！！！ 注意 ！！！，这里咱们须要之后台挂起的方式运行，终端输入nohup java -jar jenkins.war --httpPort=8080 （后台以8080启动运行），

服务器运行 jenkins.war以后，浏览器输入http://47.107.253.162:8080（你的ip+启动端口）一切正常的话，浏览器打开会出现以下界面

👆上界面提示咱们须要一个默认初始化密码，按照提示的文件夹咱们能够找到这个密码复制出来

1.在终端上 vim 编辑 copy 出来

2在 filezilla或者 WinSCP中拖到你的电脑桌面用编辑机打开

输入 咱们在/root/.jenkins/secrets/initialAdminPassword 中找到的密码，初始化咱们的帐号

这里咱们选择推荐通用插件安装便可，选择后等待完成插件安装以及初始化

建立你的帐号，而且记住你的帐号，而后一路 next 到底就行了

最后若是都完成了，仍是没法刷新出 jenkins系统界面的话能够尝试以下，浏览器中输入便可

1.关闭Jenkins服务
* http://47.107.253.162:8080/exit 
2.重启Jenkies服务
* http://47.107.253.162:8080/restart 
3.从新加载配置信息
* http://47.107.253.162:8080/reload 
复制代码

最后登陆成功以后的界面

因为文章较长，为了友好的阅读体验，第一篇先是介绍服务器须要的配置和软件的安装，下一篇会介绍 Jenkins关联 GitHub，实现GitHub push代码以后自动打包构建项目代码到服务器。

鸣谢~ 都看到这里了，点个赞呗~