前言
上篇博客說明了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返回到用戶瀏覽器。
怕什么真理無窮，進一寸有進一寸的歡喜。
總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對VEVB武林網的支持。
新聞熱點
疑難解答
