Nginx+Tomcat實現請求動態數據和請求靜態資源的分離詳解

前言

創新互聯公司從2013年開始，先為順平等服務建站，順平等地企業，進行企業商務咨詢服務。為順平企業網站制作PC+手機+微官網三網同步一站式服務解決您的所有建站問題。

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

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

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

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

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

如：請求明天的天氣信息數據、請求查看賬戶余額。

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

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

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

三、Nginx配置方法

在這里，對于Nginx的配置文件內的各項參數說明不多講解，如需了解Nginx配置文件移步這里。

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

sudo find / -name nginx.conf

要善于利用Linux指令，這樣就會無法自拔的愛上Linux；

先來一個全部配置：

# user www www;
user root root;

worker_processes 2; #設置值和CPU核心數一致

error_log /home/zuoyu/ServerComputer/nginx/logs/nginx_error.log crit; #日志位置和日志級別


pid /home/zuoyu/ServerComputer/nginx/nginx.pid;

worker_rlimit_nofile 65535;

events {
 #使用epoll模型提高性能
 use epoll;
 #單個進程最大連接數
 worker_connections 65535;
}


http {
 #擴展名與文件類型映射表
 include mime.types;
 #默認類型
 default_type application/octet-stream;

 log_format main '$remote_addr - $remote_user [$time_local] "$request" '
   '$status $body_bytes_sent "$http_referer" '
   '"$http_user_agent" "$http_x_forwarded_for"';

 client_header_buffer_size 32k;
 large_client_header_buffers 4 32k;
 client_max_body_size 8m;
 types_hash_max_size 2048;
 types_hash_bucket_size 128;
 
 sendfile on;
 tcp_nopush on;
 keepalive_timeout 60;
 tcp_nodelay on;
 fastcgi_connect_timeout 300;
 fastcgi_send_timeout 300;
 fastcgi_read_timeout 300;
 fastcgi_buffer_size 64k;
 fastcgi_buffers 4 64k;
 fastcgi_busy_buffers_size 128k;
 fastcgi_temp_file_write_size 128k;
 # 解壓縮傳輸
 gzip on; 
 gzip_min_length 1k;
 gzip_buffers 4 16k;
 gzip_http_version 1.0;
 gzip_comp_level 2;
 gzip_types text/plain application/x-javascript text/css application/xml;
 gzip_vary on;

 #負載均衡組
 #靜態服務器組
 upstream static.zuoyu.com {
 server localhost:81;
 }

 #動態服務器組
 upstream dynamic.zuoyu.com {
 server localhost:8080;
 # server localhost:8081;
 # server localhost:8082;
 # server localhost:8083;
 }

 #配置代理參數
 proxy_redirect off;
 proxy_set_header HOST $host;
 proxy_set_header X-Real-IP $remote_addr;
 proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
 # client_max_body_size 10m;
 client_body_buffer_size 128k;
 proxy_connect_timeout 90;
 proxy_send_timeout 90;
 proxy_read_timeout 90;
 proxy_buffer_size 16k;
 proxy_buffers 4 32k;
 proxy_busy_buffers_size 64k;
 proxy_temp_file_write_size 64k;
 
 #緩存配置
 proxy_cache_key '$host:$server_port$request_uri';
 # proxy_temp_file_write_size 64k;
 proxy_temp_path /home/zuoyu/ServerComputer/nginx/proxy_temp_path;
 proxy_cache_path /home/zuoyu/ServerComputer/nginx/proxy_cache_path levels=1:2 keys_zone=cache_one:200m inactive=5d max_size=1g;
 proxy_ignore_headers X-Accel-Expires Expires Cache-Control Set-Cookie;

 #靜態資源主機
 server {
 listen 81;
 server_name localhost_0;
 charset utf8;

 location / {
  root /home/zuoyu/Public/NginxStaticSource/static;
 }
 }
 # 下面是server虛擬主機的配置
 server {
 listen 80;#監聽端口
 server_name localhost_1;#域名
 charset utf8;

 location / {
  # root /usr/share/nginx/html;
  proxy_pass http://dynamic.zuoyu.com;
  index index.html index.jsp;
 }


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

 

 location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|ico|svg)$
 {
  #緩存30天
  expires 30d;
  proxy_pass http://static.zuoyu.com;
  proxy_cache cache_one;
  proxy_cache_valid 200 304 302 5d;
  proxy_cache_valid any 5d;
  proxy_cache_key '$host:$server_port$request_uri';
  add_header X-Cache '$upstream_cache_status from $host';
 }

 location ~ .*\.(ttf|woff|woff2)$
 {
  #緩存30天
  expires 30d;
  proxy_pass http://static.zuoyu.com;
  proxy_cache cache_one;
  proxy_cache_valid 200 304 302 5d;
  proxy_cache_valid any 5d;
  proxy_cache_key '$host:$server_port$request_uri';
  add_header X-Cache '$upstream_cache_status from $host';
 }

 location ~ .*\.(js|css)$
 {
  #緩存7天
  expires 7d;
  proxy_pass http://static.zuoyu.com;
  proxy_cache cache_one;
  proxy_cache_valid 200 304 302 5d;
  proxy_cache_valid any 5d;
  proxy_cache_key '$host:$server_port$request_uri';
  add_header X-Cache '$upstream_cache_status from $host';
 }

 #其他頁面反向代理到tomcat容器
 location ~ .*$ {
  index index.jsp index.html;
  proxy_pass http://dynamic.zuoyu.com;
 }
 access_log off; 
 error_page 500 502 503 504 /50x.html;

 location = /50x.html {
  root /usr/share/nginx/html;
 }
 } 
}

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

靜態資源配置

以訪問圖片為例子：

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返回到用戶瀏覽器。

怕什么真理無窮，進一寸有進一寸的歡喜。

總結

以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對創新互聯的支持。

網站欄目：Nginx+Tomcat實現請求動態數據和請求靜態資源的分離詳解
當前地址：http://m.newbst.com/article36/ijsisg.html

成都網站建設公司_創新互聯，為您提供商城網站、網站改版、小程序開發、品牌網站設計、品牌網站建設、微信公眾號