jenkins + nginx 前端自动化部署项目

一、nginx

1、下载

官网下载地址

下载后解压文件放到某个目录里，目录路径不要带中文，比如我的是C:\Program Files (x86)\nginx-1.22.0，记住这个路径，后面配置jenkins任务时会用到。

2、配置

用文本编辑器打开配置文件 C:\Program Files (x86)\nginx-1.22.0\conf\nginx.conf
listen用于配置端口号，为防止端口冲突，尽量修改一下，
server 可以配置多个后台服务及前台访问地址。
root是你打包后文件放的位置。
proxy_pass是你的后台接口地址的代理

#user  nobody;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;

    sendfile        on;
    keepalive_timeout  65;

	server {
	  listen       8098;
	  server_name  10.10.205.3;

	  location ^~ /api {
	   proxy_pass              http://10.10.205.3:8198/term;
	   proxy_set_header        Host 127.0.0.1;
	   proxy_set_header        X-Real-IP $remote_addr;
	   proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
	  }

	  #前端访问页面
	  location / {
	   root   C:/Users/Administrator/.jenkins/workspace/term-vue/dist;
	   index  index.html index.htm;
	   if (!-e $request_filename) {
		rewrite ^(.*)$ /index.html?s=$1 last;
		break;
	   }
	  }
	 }
    server {
	  listen       8080;
	  server_name  10.10.205.3;

	  location ^~ /api {
	   proxy_pass              http://10.10.205.3:8199/term;
	   proxy_set_header        Host 127.0.0.1;
	   proxy_set_header        X-Real-IP $remote_addr;
	   proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
	  }

	  #前端访问页面
	  location / {
	   root   C:/Users/Administrator/.jenkins/workspace/term-vue/dist;
	   index  index.html index.htm;
	   if (!-e $request_filename) {
		rewrite ^(.*)$ /index.html?s=$1 last;
		break;
	   }
	  }
	 }
}

修改配置文件后需要重启nginx才能生效。

3、windows下重启nginx

新建cmd.txt文件，把以下内容复制进去保存退出，重命名把拓展名txt改为bat，放在nginx安装目录，每次修改了nginx配置后双击一下这个文件就行了。

nginx -s reload
nginx -s quit
taskkill /f /t /im nginx.exe
start nginx

二、jenkins

1、下载

官网下载

按照提示无脑安装即可，安装好以后，通过java命令将jenkins服务启动。

java -jar jenkins.war --httpPort=8899

浏览http://localhost:8899并按照说明完成安装。

2、配置node.js

node.js 用于我们npm install 以及启动。

搜索node安装插即可。
也可以自己下载node.js到服务器上；下载完配置即可。

3、创建jenkins任务

配置好jenkins后，我们登录进去就可以创建自动部署任务。

输入任务名称，建议用项目名+api服务器环境名，选择freestyle project，确定，首页就会出现刚创建的任务。

配置你的源码地址，这里按照 实际去填写就好，是svn，还是git；要配上你的svn或git下载地址以及下载凭证；

配置下载凭证

构建环境；这里选择实际情况的node;我这里是在服务器上按照了node；全部选择默认即可

构建：这里注意你的服务器系统，我这里是用windows环境，所以构建命令选的windows下的。

最后回到首页选择项目手动构建即可。也可配置构建触发器去定时构建；