摘要：上一章了解了的基礎(chǔ)理論與配置，這一章將介紹在各種不同場景下的不同使用方法一靜態(tài)資源服務(wù)靜態(tài)資源類型非服務(wù)器動態(tài)運(yùn)行生成的文件，換句話說，就是可以直接在服務(wù)器上找到對應(yīng)文件的請求瀏覽器端渲染圖片視頻文件，任意下載文件靜態(tài)資源服務(wù)場景什么是例

上一章了解了nginx的基礎(chǔ)理論與配置，這一章將介紹nginx在各種不同場景下的不同使用方法

1.靜態(tài)資源類型

非服務(wù)器動態(tài)運(yùn)行生成的文件，換句話說，就是可以直接在服務(wù)器上找到對應(yīng)文件的請求

瀏覽器端渲染：HTML,CSS,JS

圖片：JPEG,GIF,PNG

視頻：FLV,MPEG

文件：TXT，任意下載文件

2.靜態(tài)資源服務(wù)場景-CDN

什么是CDN？例如一個北京用戶要請求一個文件，而文件放在的新疆的資源存儲中心，如果直接請求新疆距離太遠(yuǎn)，延遲久。使用nginx靜態(tài)資源回源，分發(fā)給北京的資源存儲中心，讓用戶請求的動態(tài)定位到北京的資源存儲中心請求，實(shí)現(xiàn)傳輸延遲的最小化

2.nginx靜態(tài)資源配置

配置域：http、server、location 
#文件高速讀取
http {  
     sendfile   on;
}
#在 sendfile 開啟的情況下，開啟 tcp_nopush 提高網(wǎng)絡(luò)包傳輸效率
#tcp_nopush 將文件一次性一起傳輸給客戶端，就好像你有十個包裹，快遞員一次送一個，來回十趟，開啟后，快遞員講等待你十個包裹都派件，一趟一起送給你
http {  
     sendfile   on;
     tcp_nopush on;
}
#tcp_nodelay 開啟實(shí)時(shí)傳輸，傳輸方式與 tcp_nopush 相反，追求實(shí)時(shí)性，但是它只有在長連接下才生效
http {  
     sendfile   on;
     tcp_nopush on;
     tcp_nodelay on;
}

#將訪問的文件壓縮傳輸 （減少文件資源大小，提高傳輸速度）
#當(dāng)訪問內(nèi)容以gif或jpg結(jié)尾的資源時(shí)
location ~ .*.(gif|jpg)$ {  
    gzip on; #開啟
    gzip_http_version 1.1; #服務(wù)器傳輸版本
    gzip_comp_level 2; #壓縮比，越高壓縮越多，壓縮越高可能會消耗服務(wù)器性能
    gzip_types   text/plain application/javascript application/x-javascript text/javascript text/css application/xml application/xml+rss image/jpeg image/gif image/png;     #壓縮文件類型
    root /opt/app/code;     #對應(yīng)目錄（去該目錄下尋找對應(yīng)文件）
}

#直接訪問已壓縮文件
#當(dāng)訪問路徑以download開頭時(shí)，如www.baidu.com/download/test.img
#去/opt/app/code目錄下尋找test.img.gz文件，返回到前端時(shí)已是可以瀏覽的img文件
location ~ load^/download {  
    gzip_static on #開啟;
    tcp_nopush on;
    root /opt/app/code;
}

HTTP協(xié)議定義的緩存機(jī)制（如：Expires; Cache-control等 ）
減少服務(wù)端的消耗，降低延遲

1.瀏覽器無緩存

瀏覽器請求 -> 無緩存 -> 請求WEB服務(wù)器 -> 請求相應(yīng) -> 呈現(xiàn)

在呈現(xiàn)階段會根據(jù)緩存的設(shè)置在瀏覽器中生成緩存

2.瀏覽器有緩存

瀏覽器請求 -> 有緩存 -> 校驗(yàn)本地緩存時(shí)間是否過期 -> 沒有過期 -> 呈現(xiàn)

若過期從新請求WEB服務(wù)器

3.語法配置

location ~ .*.(html|htm)$ {  
    expires 12h;    #緩存12小時(shí)
}

服務(wù)器響應(yīng)靜態(tài)文件時(shí)，請求頭信息會帶上 etag 和 last_modified_since 2個標(biāo)簽值，瀏覽器下次去請求時(shí)，頭信息發(fā)送這兩個標(biāo)簽，服務(wù)器檢測文件有沒有發(fā)生變化，如無,直接頭信息返 etag 和last_modified_since，狀態(tài)碼為 304 ，瀏覽器知道內(nèi)容無改變,于是直接調(diào)用本地緩存，這個過程也請求了服務(wù)，但是傳著的內(nèi)容極少

開發(fā)nginx跨站訪問設(shè)置

location ~ .*.(html|htm)$ {  
     add_header Access-Control-Allow-Origin *;
     add_header Access-Control-Allow-Methods GET,POST,PUT,DELETE,OPTIONS;
     #Access-Control-Allow-Credentials true #允許cookie跨域
}

在響應(yīng)中指定 Access-Control-Allow-Credentials 為 true 時(shí)，Access-Control-Allow-Origin 不能指定為 *，需要指定到具體域名

相關(guān)跨域內(nèi)容可參考 Laravel 跨域功能中間件 使用代碼實(shí)現(xiàn)跨域，原理與nginx跨域配置相同

防止服務(wù)器內(nèi)的靜態(tài)資源被其他網(wǎng)站所套用
此處介紹的 nginx 防盜鏈為基礎(chǔ)方式，其它更加深入的方式將在之后的文章介紹

首先，需要理解一個nginx變量

$http_referer #表示當(dāng)前請求上一次頁面訪問的地址，換句話說，訪問 www.baidu.com 主頁，這是第一次訪問，所以 $http_referer 為空，但是 訪問此頁面的時(shí)候還需要獲取一張首頁圖片，再請求這張圖片的時(shí)候 $http_referer 就為 www.baidu.com 

然后配置

location ~ .*.(jpg|gif)$ {  
    #valid_referers 表示我們允許哪些 $http_referer 來訪問
    #none 表示沒有帶 $http_referer，如第一次訪問時(shí) $http_referer 為空
    #blocked 表示 $http_referer 不是標(biāo)準(zhǔn)的地址，非正常域名等
    #只允許此ip
    valid_referers none blocked 127.xxx.xxx.xx
    if ($invalid_referer) {     #不滿足情況下變量值為1
        return 403;
    }
}

Nginx可以實(shí)現(xiàn)多種代理方式

HTTP

ICMPPOPIMAP

HTTPS

RTMP

1. 代理區(qū)別

區(qū)別在于代理的對象不一樣

正向代理代理的對象是客戶端
反向代理代理的對象是服務(wù)端

2. 反向代理

語法：proxy_pass URL
默認(rèn)：——
位置：loaction

#代理端口
#場景：服務(wù)器80端口開放，8080端口對外關(guān)閉，客戶端需要訪問到8080
#在nginx中配置proxy_pass代理轉(zhuǎn)發(fā)時(shí)，如果在proxy_pass后面的url加/，表示絕對根路徑；如果沒有/，表示相對路徑，把匹配的路徑部分也給代理走
server {
    listen 80;
    location / {
        proxy_pass http://127.0.0.1:8080/;
        proxy_redirect default;
        
        proxy_set_header Host $http_host;
        proxy_set_header X-Real-IP $remote_addr; #獲取客戶端真實(shí)IP
        
        proxy_connect_timeout 30; #超時(shí)時(shí)間
        proxy_send_timeout 60;
        proxy_read_timeout 60;
        
        proxy_buffer_size 32k;
        proxy_buffering on; #開啟緩沖區(qū),減少磁盤io
        proxy_buffers 4 128k;
        proxy_busy_buffers_size 256k;
        proxy_max_temp_file_size 256k; #當(dāng)超過內(nèi)存允許儲蓄大小，存到文件
    }
}