Nginx與Tomcat實現請求動態數據與請求靜態資源的分離

時間 2019-11-11

標籤 nginx tomcat 實現請求動態數據靜態資源分離欄目 Nginx 简体版

原文原文鏈接

　　上篇博客說明了Nginx在應用架構中的做用，以及負載均衡的思路。這篇實踐一下其中的訪問靜態資源與訪問動態資源的操做。javascript

1、認識訪問靜態資源與訪問動態資源的區別

　　靜態資源：指存儲在硬盤內的數據，固定的數據，不須要計算的數據。

　　如：圖片、字體、js文件、css文件等等。在用戶訪問靜態資源時，服務器會直接將這些資源返回到用戶的計算機內。css

　　動態資源：指須要服務器根據用戶的操做所返回的數據，以及存儲在數據庫的數據，通過一系列邏輯計算後返回的數據。

　　如：請求明天的天氣信息數據、請求查看帳戶餘額。html

2、請求動態數據與請求靜態資源的分離的必要性

　　Tomcat應用服務器是用來處理Servlet容器和JSP的，雖然它也能夠處理HTML等等一系列靜態資源，可是效率不如Nginx；並且對Servlet容器和JSP的運算已經有很大壓力了，若是不分離會致使大量的性能浪費。說到底，在應用服務方面，要遵循一條原則——一個服務只作一件事。要作動態請求就專作動態請求，要作靜態請求就專作靜態請求，這樣才能提升性能。java

　　咱們要作的，就是當用戶訪問靜態資源時，讓Nginx將靜態資源返回給用戶；當用戶訪問動態資源時，將訪問轉到Tomcat應用服務器上，Tomcat將數據返回給Nginx，Nginx再返回給用戶。node

3、Nginx配置方法

　　在這裏，對於Nginx的配置文件內的各項參數說明很少講解，如需瞭解Nginx配置文件移步這裏。nginx

　　不知道配置文件位置的，一條指令：數據庫

sudo find / -name nginx.conf

　　要善於利用Linux指令，這樣就會沒法自拔的愛上Linux；瀏覽器

　　先來一個所有配置：緩存

  1 # user www www;
  2 user root root;
  3 
  4 worker_processes 2; #設置值和CPU核心數一致
  5 
  6 error_log /home/zuoyu/ServerComputer/nginx/logs/nginx_error.log crit; #日誌位置和日誌級別
  7 
  8 
  9 pid /home/zuoyu/ServerComputer/nginx/nginx.pid;
 10 
 11 worker_rlimit_nofile 65535;
 12 
 13 events {
 14     #使用epoll模型提升性能
 15     use epoll;
 16     #單個進程最大鏈接數
 17     worker_connections 65535;
 18 }
 19 
 20 
 21 http {
 22     #擴展名與文件類型映射表
 23     include       mime.types;
 24     #默認類型
 25     default_type  application/octet-stream;
 26 
 27     log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
 28                       '$status $body_bytes_sent "$http_referer" '
 29                       '"$http_user_agent" "$http_x_forwarded_for"';
 30 
 31     client_header_buffer_size 32k;
 32     large_client_header_buffers 4 32k;
 33     client_max_body_size 8m;
 34     types_hash_max_size 2048;
 35     types_hash_bucket_size 128;
 36      
 37     sendfile on;
 38     tcp_nopush on;
 39     keepalive_timeout 60;
 40     tcp_nodelay on;
 41     fastcgi_connect_timeout 300;
 42     fastcgi_send_timeout 300;
 43     fastcgi_read_timeout 300;
 44     fastcgi_buffer_size 64k;
 45     fastcgi_buffers 4 64k;
 46     fastcgi_busy_buffers_size 128k;
 47     fastcgi_temp_file_write_size 128k;
 48     # 解壓縮傳輸
 49     gzip on; 
 50     gzip_min_length 1k;
 51     gzip_buffers 4 16k;
 52     gzip_http_version 1.0;
 53     gzip_comp_level 2;
 54     gzip_types text/plain application/x-javascript text/css application/xml;
 55     gzip_vary on;
 56 
 57     #負載均衡組
 58     #靜態服務器組
 59     upstream static.zuoyu.com {
 60         server localhost:81;
 61     }
 62 
 63     #動態服務器組
 64     upstream dynamic.zuoyu.com {
 65         server localhost:8080;
 66         # server localhost:8081;
 67         # server localhost:8082;
 68         # server localhost:8083;
 69     }
 70 
 71     #配置代理參數
 72     proxy_redirect off;
 73     proxy_set_header HOST $host;
 74     proxy_set_header X-Real-IP $remote_addr;
 75     proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
 76     # client_max_body_size 10m;
 77     client_body_buffer_size 128k;
 78     proxy_connect_timeout 90;
 79     proxy_send_timeout 90;
 80     proxy_read_timeout 90;
 81     proxy_buffer_size 16k;
 82     proxy_buffers 4 32k;
 83     proxy_busy_buffers_size 64k;
 84     proxy_temp_file_write_size 64k;
 85     
 86     #緩存配置
 87     proxy_cache_key '$host:$server_port$request_uri';
 88     # proxy_temp_file_write_size 64k;
 89     proxy_temp_path /home/zuoyu/ServerComputer/nginx/proxy_temp_path;
 90     proxy_cache_path /home/zuoyu/ServerComputer/nginx/proxy_cache_path levels=1:2 keys_zone=cache_one:200m inactive=5d max_size=1g;
 91     proxy_ignore_headers X-Accel-Expires Expires Cache-Control Set-Cookie;
 92 
 93     #靜態資源主機
 94     server {
 95         listen 81;
 96         server_name localhost_0;
 97         charset utf8;
 98 
 99         location / {
100             root /home/zuoyu/Public/NginxStaticSource/static;
101         }
102     }
103     # 下面是server虛擬主機的配置
104     server {
105         listen 80;#監聽端口
106         server_name localhost_1;#域名
107         charset utf8;
108 
109         location / {
110             # root   /usr/share/nginx/html;
111             proxy_pass http://dynamic.zuoyu.com;
112             index  index.html index.jsp;
113         }
114 
115 
116         location ~ .*\.(jsp|do|action)$
117         {
118             index index.jsp;
119             proxy_pass http://dynamic.zuoyu.com;
120             
121         }
122 
123     
124 
125         location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|ico|svg)$
126         {
127             #緩存30天
128             expires 30d;
129             proxy_pass http://static.zuoyu.com;
130             proxy_cache cache_one;
131             proxy_cache_valid 200 304 302 5d;
132             proxy_cache_valid any 5d;
133             proxy_cache_key '$host:$server_port$request_uri';
134             add_header X-Cache '$upstream_cache_status from $host';
135         }
136 
137         location ~ .*\.(ttf|woff|woff2)$
138         {
139             #緩存30天
140             expires 30d;
141             proxy_pass http://static.zuoyu.com;
142             proxy_cache cache_one;
143             proxy_cache_valid 200 304 302 5d;
144             proxy_cache_valid any 5d;
145             proxy_cache_key '$host:$server_port$request_uri';
146             add_header X-Cache '$upstream_cache_status from $host';
147         }
148 
149         location ~ .*\.(js|css)$
150         {
151             #緩存7天
152             expires 7d;
153             proxy_pass http://static.zuoyu.com;
154             proxy_cache cache_one;
155             proxy_cache_valid 200 304 302 5d;
156             proxy_cache_valid any 5d;
157             proxy_cache_key '$host:$server_port$request_uri';
158             add_header X-Cache '$upstream_cache_status from $host';
159         }
160 
161         #其餘頁面反向代理到tomcat容器
162         location ~ .*$ {
163             index index.jsp index.html;
164             proxy_pass http://dynamic.zuoyu.com;
165         }
166         access_log off;    
167         error_page   500 502 503 504  /50x.html;
168 
169         location = /50x.html {
170             root   /usr/share/nginx/html;
171         }
172     }
173 
174     
175 }
176

　　在這段配置文件中，不單單包含了靜動態訪問的分離，還包括緩存、資源壓縮、負載均衡。在這裏只分析靜動態資源：tomcat

　　靜態資源配置

　　以訪問圖片爲例子：

location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|ico|svg)$
        {
           root /home/zuoyu/Public/NginxStaticSource/static; 
        }

　　當你訪問虛擬主機 location:80 時，當訪問到以上述文件類型時，會去root /home/zuoyu/Public/NginxStaticSource/static/目錄下查找，好比你要訪問root /home/zuoyu/Public/NginxStaticSource/static/img/background.png這個圖片，那麼你只須要location:80/img/background.png便可訪問到該文件；

　　在個人配置中，又創建了一個主機，專門用來配置靜態資源路徑，這樣就避免了換一次靜態資源的目錄要改好多個地方，只需修改主機路徑就能夠實現。即可以將上述圖片配置修改成

location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|ico|svg)$
        {
            proxy_pass http://localhost:81;
        }

　　這樣便大大提升了靈活性，並且在負載均衡時更加容易實現。注意：必須將靜態資源主機配置放在覈心主機的上面纔有效。

　　動態數據配置

　　咱們就以訪問JSP頁面、do請求、action請求爲例子

location ~ .*\.(jsp|do|action)$
        {
            index index.jsp;
            proxy_pass http://localhost:8080;
            
        }

　　這個配置告訴了Nginx服務器：當有以jsp、do、action爲後綴的請求，就將該請求交給localhost:8080;這個主機處理，這個主機的主頁是index.jsp，這個就叫反向代理。這裏設計到一個概念——代理與反向代理；代理一般須要在客戶端配置，將原本要發送的請求轉發到代理服務器；而反向代理要配置在服務器上，將原本要發送到本服務器上的請求轉發到代理服務器上。

　　將全部須要Tomcat應用服務器處理的請求都交給Tomcat，剩下的讓Nginx處理就行了，若是須要其餘服務器的，再配置上就ok了。

　　如此一來，就實現了動靜分離。當用戶的瀏覽器加載頁面時，那些css文件、js文件、字體樣式、圖片等等都會由Nginx服務器直接從本地硬盤取出返回給用戶瀏覽器；而用戶名等等信息會由nginx交給Tomcat處理後返回給Nginx，Nginx返回到用戶瀏覽器。