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