目 录CONTENT

文章目录

Nginx实现静态文件服务器

简中仙
2022-09-07 / 0 评论 / 0 点赞 / 69 阅读 / 0 字 / 正在检测是否收录...
温馨提示:
本文最后更新于2024-01-08,若内容或图片失效,请留言反馈。 本文如有错误或者侵权的地方,欢迎您批评指正!

静态文件服务器是指提供HTML文件访问或客户端可直接从中下载文件的Web服务器。对于图片、JavaScript或CSS文件等渲染页面外观的、不会动态改变内容的文件,大多数网站会单独提供以静态文件服务器的方式对其进行访问,实现动静分离的架构。

1、静态Web服务器

HTML是一种标记语言,提供HTML文件读取是Web服务器最基本的功能,Web服务器的配置样例如下:

server { 
    listen 8080; 
    root /opt/nginx-web/www;                # 存放静态文件的文件目录 
    location / { 
        index index.html; 
    } 
    location /js { 
        alias /opt/nginx-web/static/js/;    # 存放JavaScript文件的文件目录 
        index index.html; 
    } 
}

在以上配置中,每个server指令域等同于一个虚拟服务器,每个location指令域等同于一个虚拟目录。

2、文件下载服务器

1、官方自带模块

在对外分享文件时,利用Nginx搭建一个简单的下载文件管理服务器,文件分享就会变得非常方便。利用Nginx的诸多内置指令可实现自动生成下载文件列表页、限制下载带宽等功能。配置样例如下:

server { 
    listen 8080; 
    server_name  localhost; 
    charset utf-8; 
    root    /opt/nginx-web/files;             # 文件存放目录 
 
    # 下载 
    location / { 
        autoindex on;                         # 启用自动首页功能 
        autoindex_format html;                # 首页格式为HTML 
        autoindex_exact_size off;             # 文件大小自动换算 
        autoindex_localtime on;               # 按照服务器时间显示文件时间 
 
        default_type application/octet-stream;# 将当前目录中所有文件的默认MIME类型设置为 
                                              # application/octet-stream 
 
        if ($request_filename ~* ^.*?\.(txt|doc|pdf|rar|gz|zip|docx|exe|xlsx|ppt|pptx)$){ 
            # 当文件格式为上述格式时,将头字段属性Content-Disposition的值设置为"attachment" 
            add_header Content-Disposition: 'attachment;';   
        } 
        sendfile on;                          # 开启零复制文件传输功能 
        sendfile_max_chunk 1m;                # 每个sendfile调用的最大传输量为1MB 
        tcp_nopush on;                        # 启用最小传输限制功能 
 
        aio on;                               # 启用异步传输 
        directio 5m;                          # 当文件大于5MB时以直接读取磁盘的方式读取文件 
        directio_alignment 4096;              # 与磁盘的文件系统对齐 
        output_buffers 4 32k;                 # 文件输出的缓冲区大小为128KB 
 
        limit_rate 1m;                        # 限制下载速度为1MB 
        limit_rate_after 2m;                  # 当客户端下载速度达到2MB时进入限速模式 
        max_ranges 4096;                      # 客户端执行范围读取的最大值是4096B 
        send_timeout 20s;                     # 客户端引发传输超时时间为20s 
        postpone_output 2048;                 # 当缓冲区的数据达到2048B时再向客户端发送 
        chunked_transfer_encoding on;         # 启用分块传输标识 
    } 
}

2、第三方模块美化

添加第三方模块

wget https://mirror.ghproxy.com/https://github.com/aperezdc/ngx-fancyindex/releases/download/v0.5.2/ngx-fancyindex-0.5.2.tar.xz
./configure ...... --add-module=../ngx-fancyindex/
make && make install

配置样例如下:

location /download{
    root /usr/local/openresty/nginx/html; # 指定目录所在路径
    fancyindex on; # 使用fancyindex
    fancyindex_exact_size off; # 不显示精确大小
}

此时已经实现了这个第三方模块带来的效果。

当然,你会发现这个页面仅仅是我下载站点的红系主题,因为我使用了主题 Nginx-Fancyindex-Theme,这个主题有两种模式,分别为亮系主题和暗系主题,加上红系主题就是三个主题。

wget https://www.youngkbt.cn/download/dark/%E7%BD%91%E7%AB%99%E6%BA%90%E7%A0%81/myNginx-Theme.tar.gz

下载后,放在 Nginx 的静态页面 html 目录里

mv /opt/myNginx-Theme /usr/local/nginx/html/

然后在原来的配置文件修改内容:

location /download/light {
        alias  /usr/local/openresty/nginx/html/download;
        # 以这些后缀的文件点击后为下载,注释掉则 txt 等文件是在网页打开并查看内容
        # if ($request_filename ~* ^.*?\.(txt|doc|pdf|rar|gz|zip|docx|exe|xlsx|ppt|pptx|conf)$){
        #   add_header Content-Disposition 'attachment;';
        # }
        include /usr/local/openresty/nginx/html/Nginx-Fancyindex-Theme/light.conf;
    }
    
    location /download/dark {
        alias  /usr/local/openresty/nginx/html/download;
        # 以这些后缀的文件点击后为下载,注释掉则 txt 等文件是在网页打开并查看内容
        # if ($request_filename ~* ^.*?\.(txt|doc|pdf|rar|gz|zip|docx|exe|xlsx|ppt|pptx|conf)$){
        #   add_header Content-Disposition 'attachment;';
        # }
        include /usr/local/openresty/nginx/html/Nginx-Fancyindex-Theme/dark.conf;
    }
    
    location /download/red {
        alias  /usr/local/openresty/nginx/html/download;
        # 以这些后缀的文件点击后为下载,注释掉则 txt 等文件是在网页打开并查看内容
        # if ($request_filename ~* ^.*?\.(txt|doc|pdf|rar|gz|zip|docx|exe|xlsx|ppt|pptx|conf)$){
        #   add_header Content-Disposition 'attachment;';
        # }
        include /usr/local/openresty/nginx/html/Nginx-Fancyindex-Theme/red.conf;
    }

如果你不喜欢放在 html 目录下,那么上方代码的 include 也要改变成所在路径的配置文件。

3、伪动态SSI服务器

Nginx可以通过SSI命令将多个超文本文件组合成一个页面文件发送给客户端。SSI(Server SideInclude)是一种基于服务端的超文本文件处理技术。由于SSI仍是通过其他动态脚本语言获取动态数据的,所以此处将其归类为伪动态服务功能。SSI服务器可通过SSI命令实现诸多动态脚本语言的HTML模板功能,配合其他动态脚本服务的API,完全可以实现前后端分离的Web应用。

Nginx配置内容如下:

server { 
    listen 8081;  
    server_name localhost; 
    charset utf-8; 
    root /opt/nginx-web/nginx-ssi; 
    sendfile on; 
    ssi on;                         # 启用SSI命令解析支持 
    ssi_min_file_chunk 1k;          # 存储在磁盘上的响应数据的最小值为1KB 
    ssi_value_length 1024;          # SSI中变量值的最大长度为1024字节 
    ssi_silent_errors off;          # 输出errmsg的内容 
 
    location / { 
         index index.html; 
    } 
}
0

评论区