静态文件服务器是指提供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;
}
}
评论区