Nginx搭建静态资源服务器

Nginx搭建静态资源服务器

1. Nginx介绍及下载资源

Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器,在BSD-like 协议下发行。其特点是占有内存少,并发能力强

Nginx下载资源(Linux版本):nginx-1.9.5.tar.gz

Nginx下载资源(Windows版本):nginx-1.17.6.zip

2. Nginx安装

本文中所介绍的相关安装均是本站提供的版本安装过程,其他版本安装时请注意版本信息修改

2.1 在Windows下安装

下载完成之后,将下载的zip压缩包解压到我们需要安装的位置,这里我解压到 D:\nginx下,解压之后即算完成了安装过程,可以在环境变量中配置相关环境信息,但是Windows下没必要配置这些信息,可以在cmd控制台中直接到该安装目录下进行操作。

启动方式:

方式1:直接点击 nginx.exe ,之后在浏览器中访问 localhost
即可查看是否运行成功
方式2:打开 cmd控制台,这里以我安装路径为例,运行完下面的内容之后,打开浏览器,访问localhost
即可查看是否运行成功

D:
cd nginx
./nginx.exe

运行成功后,会显示如下图所示内容
欢迎访问nginx
在windows下Nginx相关命令:

nginx -t  #查看配置文件是否有错误
nginx -s reload  #重启nginx,重新加载nginx
nginx -s quit  #关闭nginx

2.2 在Liunx下安装

安装之前,检查并安装Nginx需要的环境,如果系统中原安装有Nginx,则可跳过这一步:

gcc -v	#执行完后之后,出现版本信息,则安装过该环境,否则执行下一步
yum -y install gcc	#安装gcc环境
yum -y install pcre-devel	#安装pcre环境
yum -y install zlib zlib-devel	#安装zlib 

#如果需要支持ssl,则安装openssl
yum -y install openssl openssl-devel

也可以一个命令安装上述四个环境:

yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel

进入安装包所在目录,解压安装包(这里以本文提供的资源为例,我将资源放置在 /home中),执行下面的命令:

cd /home
tar -zxvf nginx-1.9.5.tar.gz /home/nginx
cd /home/nginx

解压完成后,可以进入安装程序,这里安装暂时执行正常的安装过程,不考虑需要安全访问的相关模块。依次执行下列相关命令:

./configure	#执行后将默认安装在 **/usr/local/nginx**
make
make install

执行完成后,检查是否安装成功:

whereis nginx

执行之后出现下面所示内容即安装成功,否则安装步骤重新安装:
Nginx安装路径
在Linux下Nginx相关命令:

cd /usr/local/nginx/sbin
./nginx	#启动Nginx
./nginx -t  #查看配置文件是否有错误
./nginx -s reload  #重启nginx,重新加载nginx
./nginx -s stop  #关闭nginx

3. 静态资源服务器介绍

在web项目中,我们会使用大量的图片,JS,CSS等资源,这些资源在客户端请求时是自动下载到客户端的缓存中进行调用。这就导致会有大量的静态资源需要被请求,服务器将会接受大量的请求调用,最后极大的影响了服务器的性能。

3.1 为什么要使用动静分离

要想理解这个问题,首先要知道什么是动静分离:

在未前后端分离时客户端接收的都是完整的经过服务器拼接好的View,服务器在每一个请求的过程中都会做大量的动作,这对服务器是极不友好的操作。在前后端分离之后,前端请求都成为了静态资源,后端服务只需要返回相应的数据,由客户端浏览器进行渲染。这样,减轻了后端服务的压力,使服务器能够处理更多的请求,但同时,出现了更多的不需要改变的资源。这些资源只要产生后就是不再变化的,所以将这类似的资源分离出来,就将极大减缓后端服务压力。简言之:让静态的资源只走静态资源服务器,动态的走动态的服务器。

就上文已经说明了为什么要使用动静分离,无非是让我们的服务能够接纳更多的请求,提供更迅速的服务。

3.2 Nginx做静态服务器优势

Nginx 应为它的稳定性、丰富的功能集、示例配置文件和低系统资源的消耗而闻名。 nginx是一个小巧而高效的Linux下的web服务器软件。占用的内存小, Nginx 是一个高性能的 Web 和反向代理服务器, 它具有有很多非常优越的特性: 作为负载均衡服务器:Nginx 既可以在内部直接支持 Rails 和 PHP,也可以支持作为 HTTP代理服务器 对外进行服务。Nginx 用 C 编写, 不论是系统资源开销还是 CPU 使用效率都比 Perlbal 要好的多。 作为邮件代理服务器: Nginx 同时也是一个非常优秀的邮件代理服务器(最早开发这个产品的目的之一也是作为邮件代理服务器),Last.fm 描述了成功并且美妙的使用经验。 Nginx 安装非常的简单,配置文件 非常简洁(还能够支持perl语法),Bugs非常少的服务器: Nginx 启动特别容易,并且几乎可以做到7*24不间断运行,即使运行数个月也不需要重新启动。

简言之:Nginx能够在同一时间内接受更多的请求,并且运行稳定,配置简单。

4. 在Windows下配置静态资源服务器

本博文介绍的Windows环境为Windows 10,本博文配置以F:\file 路径为静态资源存放路径,配置文件如下:

worker_processes  1;
events {
    worker_connections  1024;
}
http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;
    server {
        listen       80;
        server_name  localhost;

        location /file {
            #   root目录为根路径,请求路径下有/file时,将会到该路径下查找文件
            root F:/;
        }

        location / {
            root   html;
            index  index.html index.htm;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

5. 在Linux下配置静态资源服务器

本文采用的Linux版本为Cent OS7版本的操作系统,在各操作系统下,配置静态资源实际上都相差不大,只要修改资源路径即可,本博文使用的静态资源路径为 /home/file,配置文件如下:

worker_processes  1;
events {
    worker_connections  1024;
}
http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;
    server {
        listen       80;
        server_name  localhost;

        location /file {
            #   root目录为根路径,请求路径下有/file时,将会到该路径下file下查找文件
            root /home;
        }

        location / {
            root   html;
            index  index.html index.htm;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

6. 写在后面

本博文简单介绍了Nginx的安装与搭建静态资源服务器的方法,提供了相关配置文件,文章最后提供一个详细的Ngixn的配置文件的介绍。本博文如有不当之处,希望读者斧正。在操作过程中有任何问题可以留言,博主会及时解答疑难。
友情链接:Nginx配置安全访问

Nginx配置文件详细介绍:


###每个指定必须有分号";"结束###

#全局块配置   影响nginx全局的指令
#   运行nginx服务器的用户组,
#   nginx进程pid存放路径
#   日志存放路径
#   配置文件引入
#worker_processes 2;  
#   允许生成的进程数,默认为1
#   允许生成worker process数

#user  nobody;
#   user administrator administrators;
#   配置用户或者组,默认为nobody nobody
worker_processes  1;
#   允许生成的进程数,默认为1

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;
#   制定日志路径,级别。这个设置可以放入全局块,http块,server块,
#   级别依次为:debug|info|notice|warn|error|crit|alert|emerg

#pid        logs/nginx.pid;
#   pid   /nginx/pid/nginx.pid;   
#   指定nginx进程运行文件存放地址

#events块
#   影响nginx服务器或与用户的网络连接
#   有每个进程的最大连接数,选取哪种时间驱动模型处理连接请求
#   是否同时接受多个网路连接,开启多个网络连接序列化等

events {
    worker_connections  1024;
    #   最大连接数,默认为512

    #accept_mutex on;
    #   设置网路连接序列化,防止惊群现象发生,默认为on

    #multi_accept on;  
    #   设置一个进程是否同时接受多个网络连接,默认为off

    #use epoll;      
    #   事件驱动模型,select|poll|kqueue|epoll|resig|/dev/poll|eventport
}

#http块
#   可以嵌套多个server,配置代理,缓存,日志定义等绝大多数功能和第三方模块的配置
#   如:文件引入,mine-type定义,日志自定义,是否使用sendfile传输文件
#   连接超时时间,单连接请求数等

http {
    include       mime.types;
    #   文件扩展名与文件类型映射表

    default_type  application/octet-stream;
    #   默认文件类型,默认为text/plain

    #access_log off; 
    #   取消服务日志    

    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    #                  '$status $body_bytes_sent "$http_referer" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';
    #   自定义格式

    #access_log  logs/access.log  main;
    #   combined为日志格式的默认值

    sendfile        on;
    #   允许sendfile方式传输文件,默认为off,可以在http块,server块,location块。

    #sendfile_max_chunk 100k;  
    #   每个进程每次调用传输数量不能大于设定的值,默认为0,即不设上限。

    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;
    #   连接超时时间,默认为75s,可以在http,server,location块。


    resolver 8.8.8.8;

    #gzip  on;

    #server块
    #   配置虚拟主机的相关参数,一个http中可以有多个server
   server {
        listen       8081;
        
        location / {
            root   /var/www/xxx/wechat/webroot;
            index  index.html index.htm;
        }

        location ~* \.(mp4|log)$ {
            auth_request /auth;
            auth_request_set $user $upstream_http_userId;       
            proxy_set_header userId $user;   
            error_page 401 = @error401;

            # proxy_set_header userId $arg_userId;

            root   E:/temp_url;
            autoindex on;
        }

        location /auth {
            internal;
            # proxy_set_header userId $arg_userId;
            set $query '';
            if ($request_uri ~* "[^\?]+\?(.*)$") {
                set $query $1;
            }
            proxy_pass_request_body off;
            # proxy_set_header Content-Length "";                    
            # proxy_set_header X-Original-URI $request_uri;    
            proxy_pass http://192.168.8.72:8092/exercise-server/web/film/auth?$query;
        }
    
        
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
    server {

        #keepalive_requests 120; 
        #   单连接请求上限次数。
        
        #listen       4545;   
        #   监听端口

        #server_name  127.0.0.1;   
        #   监听地址      

        #location  ~*^.+$ {       
        #   请求的url过滤,正则匹配,~为区分大小写,~*为不区分大小写。

           #root path;  
           #    根目录

           #index vv.txt;  
           #    设置默认页

           #proxy_pass  http://mysvr;  
           #    请求转向mysvr 定义的服务器列表

           #deny 127.0.0.1;  
           #    拒绝的ip

           #allow 172.18.5.54; 
           #    允许的ip           
        #}


        listen       80;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        #location块
        #配置请求的路由,以及各种页面的处理情况

       

        location / {
            root   html;
            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   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;
        #}
    }


    # another virtual host using mix of IP-, name-, and port-based configuration
    #
    #server {
    #    listen       8000;
    #    listen       somename:8080;
    #    server_name  somename  alias  another.alias;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}


    # HTTPS server
    #
    #server {
    #    listen       443 ssl;
    #    server_name  localhost;

    #    ssl_certificate      cert.pem;
    #    ssl_certificate_key  cert.key;

    #    ssl_session_cache    shared:SSL:1m;
    #    ssl_session_timeout  5m;

    #    ssl_ciphers  HIGH:!aNULL:!MD5;
    #    ssl_prefer_server_ciphers  on;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}

}

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

dp_shiyu

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值