前端项目通过Jenkins部署并持续构建的方法

前言

项目在测试以及最终上线的时候，都需要部署到服务器上来供大家访问，但是无论是测试还是线上，都避免不了代码的修改，那么可以持续构建就方便了许多。

项目发布流程

1）Jenkins创建任务
2）服务器上配置Nginx

Jenkins创建任务

1）登录Jenkins，创建新任务
  
2）输入任务名称，选择自由风格软件项目，同时也可以复制已经存在的项目

3）开始进行项目配置了






到这里，选择保存之后就可以看到自己新建的任务了，Jenkins上的配置也就告一段落了。

服务器上配置Nginx

1）连接服务器，可以使用xhsell等工具

2）修改Nginx的配置文件（服务器上已经安装Nginx，如果没有安装，需要先安装Nginx）

vim nginx/conf/nginx.conf

可以看到Nginx的配置文件

按下i可以进入输入模式，新发布的项目需要添加：

location /dist {
	root /home/admin/dists;
	index index.html
}

注意:因为在Jenkins配置中，咱们写的放到服务器的远程目录是dists/dist，所以我访问的项目地址名字是dist，父级目录是dists。Nginx会从我们指定的目录下去找相应的项目，root就是我们指定的目录，所以Nginx会从home/admin/dists目录中去找dist。

添加完成之后，ESC退出输入模式，按下:wq保存退出。

3）修改完配置文件，需要重启Nginx来使配置生效

cd ../nginx/sbin/
sudo ./nginx -s reload
ps -ef|grep nginx

到此，相当于Nginx和Jenkins都已经配置完毕了，如果没有问题的话就可以正常打包构建了，构建之后访问地址是服务器上的地址/项目名字。

总结

到这里，前端项目部署完成，以后我们发布项目只需要点击立即构建就可以了，是不是方便了许多呢？😉