nginx 靜態資源WEB服務

1、靜態資源類型

非服務器動態運行生成的文件

類型種類

瀏覽器端渲染     HTML、CSS、JS

圖片            JPEG、GIF、PNG

視頻            FLV、MPEG

文件            TXT、等任意下載文件

2、靜態資源服務場景-CDN

配置語法

1、文件讀取
Syntax:sendfile on l off；
Default:sendfile off；
Context:http，server，location，if in location
引讀：一with-file-aid異步文件讀取

2、tcp_nopush
Syntax:    tcp_nopush on | off；
Default:   tcp_nopush off；
Context:   http，server，location
作用：sendfile開啟的情況下，提高網絡包的傳輸效率

3、tcp_nodelay
Syntax:    tcp_nodelay on|off；
Default:   tcp_nodelay on；
Context:   http，server，location
作用：keepalive連接下，提高網絡包的傳輸實時性

3、配置語法-壓縮

Syntax:gzip on|off；
Default:gzip off；
Context:http，server，location，if in location
作用：壓縮傳輸

Syntax:   gzip_comp_level level;
Default:  gzip_comp_level 1;
Context:  http,server,location

Syntax: gzip_http_version 1.0|1.1;
Default: gzip_http_version 1.1;
Context: http, server, location

擴展Nginx壓縮模塊
http_gzip_static_module    -預讀gzip功能
http_gunzip_module         -應用支持gunzip的壓縮方式

測試

server_static.conf

server {
    listen       80;
    server_name  10.0.0.6 www.web01.com;

    sendfile on;
    access_log  /var/log/nginx/log/static_access.log  main;


    location ~ .*\.(jpg|gif|png)$ {
        gzip on;
        gzip_http_version 1.1;
        gzip_comp_level 2;
        gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
        root  /opt/app/code/images;
    }

    location ~ .*\.(txt|xml)$ {
        gzip on;
        gzip_http_version 1.1;
        gzip_comp_level 1;
        gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
        root  /opt/app/code/doc;
    }

    location ~ .*\.(htm|html)$ {
        add_header Access-Control-Allow-Origin *;            #訪問限制
        add_header Access-Control-Allow-Methods GET,POST,PUT,DELETE,OPTIONS;  #允許訪問的方法
        #expires 24h;
        root  /opt/app/code;
    }

    location ~ ^/download {
        gzip_static on;
        tcp_nopush on;
        root /opt/app/code;
    }

}

壓縮前

F12調試時，注意關閉緩存

壓縮后

對文本的壓縮更大

[root@web-01 doc]# ls -lh

total 176K

-rw-r--r--. 1 root root 175K Aug 8 2017 access.txt

設置緩存

    location ~ .*\.(htm|html)$ {
        expires 24h;
        root  /opt/app/code;
    }

權限控制

    location ~ .*\.(jpg|gif|png)$ {
        gzip on;
        gzip_http_version 1.1;
        gzip_comp_level 2;
        gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;

        valid_referers none blocked 116.62.103.228 jeson.imoocc.com ~wei\.png;
        if ($invalid_referer) {
            return 403;
        }
        root  /opt/app/code/images;
    }