汉码未来

1. 部署前端

前端框架如 Vue 打包出来往往是静态的文件 index.html 加上一个 static 目录。static 目录下有 fonts、css、js、img等静态资源目录。前端的访问是从 index.html 开始的。假设服务器上打包出的前端代码放到/root/test-web目录下，对应部署前端的配置如下:

...http{
    server {
       # 监听8080端口
       listen 8080;     
       # 指定域名，不指定也可以
       server_name www.xxx.com;
       
       # 浏览器交互调参，打开gzip压缩、缓存等等
       gzip on;
       ...
       
       location / {
           root  /root/test-web;
           # 也可以简单使用 index index.html
           try_files $uri $uri/ /index.html;
       }
       
       # vue 页面中向后台 Java 服务发送请求
       ...
    }}...
代码块
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

2. 部署Java后台服务

Nginx 部署 Java Web 服务时，主要用到是 Nginx 的代理转发功能，对于不同类型的接口而言，可能会有不同的转发逻辑。如果是使用 spring cloud 这样的微服务框架，每个服务可能会部署多个会这分开部署在不同机器，在 Nginx 同样只需要使用 proxy_pass 指令将 http 请求转发到对应的上游服务上即可，同时负载均衡模块也在 Java web 后台服务中用到的比较多。最后是在Java web 的开发中，也常常会涉及到 websocket 协议，因此 Nginx 在部署 Java web 服务时也会用到 websocket 代理转发。所以 Nginx 在部署 Java Web 服务时的基本配置大概如下:

...http{

    server {
       # 监听8080端口
       listen 8080;     
       # 指定域名，不指定也可以
       server_name www.xxx.com;
       
       # 参数调优
       client_max_body_size 20m; 
       client_body_buffer_size 128k       ...
       
       # 如果使用多个后台服务，可以配置负载均衡
       ...
       
       # 访前端的 vue 页面
       location / {
           ...
       }
       # vue 页面中向后台 Java 服务发送请求
       location /xxxx { 
            proxy_pass http://xxxx:xx/xxx;
       }
       
       # 配置多种方向代理，不同类型接口有不同的转发方式
       ...
       
       # 如果有，则配置websocket代理
       location /xxxy {
           proxy_http_version 1.1;
           proxy_set_header Upgrade $http_upgrade;
           proxy_set_header Connection "upgrade";
           proxy_pass http://xxxxx:xx/yyy;
       }
    }   }...
代码块
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

如果涉及的服务较多， Nginx 的配置往往会拆成多个文件进行编写，这样就用到了前面提到的 include 指令。

3. 小结

总结 Nginx 部署 Java 服务，主要是使用 proxy_pass 指令进行端口转发，因为都是 http 请求的转发，所以配置会比较简单。但是如果服务较多时， Nginx 需要编写多个 server 指令块或者多个 location 块去匹配不同的 URL并转发到对应的上游服务。往往大型网站使用的服务较多时，会使用 include 指令对 Nginx 的配置进行拆分，不同的配置处理不同服务的转发，这样会更简洁明了，方便网站运维人员管理和修改 Nginx 配置。