Nginx静态资源Web服务

时间:2020-01-07
本文章向大家介绍Nginx静态资源Web服务,主要包括Nginx静态资源Web服务使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

1.原理

2.静态资源类型

3.静态资源服务场景-CDN

配置语法

1.配置语法,文件读取

Syntax:sendfile on|off;

Default:sendfile off;

Context:http,server,location,if in location

引读:--with-file-aio 异步文件读取

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连接下,提高网络包的传输实时性,与上个语法的作用相反

4.配置语法-压缩

Syntax:gzip on | off;

Default:gzip off;

Context:http,server,location,if in location

作用:压缩传输

5.配置语法-压缩比率

Syntax:gzip_comp_level level;

Default:gzip_comp_level 1;

Context:http,server,location

6.配置语法-压缩http协议的版本

Syntax:gzip_http_version 1.0 | 1.1;

Default:gzip_http_version 1.1;

Context:http,server,location

7.扩展Nginx压缩模块

http_gzip_static_module - 预读gzip功能  # 预先将文件压缩

http_gunzip_module - 应用支持gunzip的压缩方式   # 只用于部分浏览器不支持解压的时候才用到

演示压缩文件

将一个test.png格式的文件,放在下列目录

/opt/app/code/images


    location ~ .*\.(jpg|gif|png)$ {        # 自动匹配到(jpg|gif|png)格式
        
        root /opt/app/code/images;
    }

检查语法后,重启nginx

访问192.168.96.188/test.png。此时的图片为1.1M

将配置文件修改如下

server {
    listen       80;
    server_name  www.test.com;

    sendfile on;

    #charset koi8-r;
    #access_log  /var/log/nginx/host.access.log  main;


    location ~ .*\.(jpg|gif|png)$ {
        gzip on;                        #将压缩文件的语法打开
        gzip_http_version 1.1;            # http协议版本
        gzip_comp_level 2;            # 压缩的级别为2
        gzip_types text/plain application/javascript applicattion/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 2;
        #gzip_types text/plain application/javascript applicattion/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
        root /opt/app/code/doc;
    }

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

    location / {
        root   /opt/app/code;
        random_index on;
        #index  index.html index.htm;
    }

    #error_page  404              /404.html;

    # redirect server error pages to the static page /50x.html
    #
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }

    # proxy the PHP scripts to Apache listening on 127.0.0.1:80
    #
    #location ~ \.php$ {
    #    proxy_pass   http://127.0.0.1;
    #}

    # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
    #
    #location ~ \.php$ {
    #    root           html;
    #    fastcgi_pass   127.0.0.1:9000;
    #    fastcgi_index  index.php;
    #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
    #    include        fastcgi_params;
    #}

    # deny access to .htaccess files, if Apache's document root
    # concurs with nginx's one
    #
    #location ~ /\.ht {
    #    deny  all;
    #}
}

修改好以后,重启nginx

再次访问192.168.96.188/test.png

再次查看图片被压缩。

相对于图片,文件的比例压缩会更大一下

直接将10M的txt文件压缩成了72kb

http_gzip_static_module - 预读gzip功能,演示

在download目录下,上传一个10M的test.img文件,目前语法是关闭

使用gzip test.img压缩文件(预读压缩)

这时候访问192.168.96.188/test.img。会发生报错

修改配置文件,加入如下配置


    location ~ ^/download {
        gzip_static on;        # gz格式,预读文件功能开启
        tcp_nopush on;        # 提高速率
        root /opt/app/code;
    }

同样访问192.168.96.188/download/test.img,可以正常访问了

原文地址:https://www.cnblogs.com/joy-sir/p/12162427.html