Nginx功能DEMO

比眉伴天荒 2022-04-14 03:38 290阅读 0赞

〇，环境准备

\* 一台Nginx服务器

\* 三台虚拟机，此处以Tomcat页面演示

\* 在nginx.conf配置文件的http模块，include自定义配置模块进行处理

![20181123201228673.png][]

\* 配置需要引入的配置模块

![2018112320121232.png][]

\* 启动nginx，访问主页

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE5NzYzODg_size_16_color_FFFFFF_t_70][]

一，反向代理

\* 在server.location标签下配置如下信息

// 代理到host:port链接
    location / {
    	proxy_pass http://192.168.91.129:8080;
    }

\* 配置完成后重启nginx

./sbin/nginx -s reload

\* 访问首页

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE5NzYzODg_size_16_color_FFFFFF_t_70 1][]

\* 通过添加请求头信息，显示正确IP地址

-- nginx配置请求头信息

server {
        listen      80;
        server_name localhost;
        location / {
            proxy_pass http://192.168.91.129:8080;
             # 填充请求头信息
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            # 在指定情况下进行请求转发
            proxy_next_upstream error timeout http_500 http_503;
            # 请求超时时间
            proxy_connect_timeout 60s;
            # 发送/读取数据超时时间
            proxy_send_timeout 60s;
            proxy_read_timeout 60s;
        }
    }

\* jsp页面通过request获取请求头信息

\* 页面显示

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE5NzYzODg_size_16_color_FFFFFF_t_70 2][]

二，负载均衡

\* 配置upstream信息，配置内容为需要负载的全部后台服务器

// tomcat表示该upstream名称，作为server.location引用标识
    // max_fail : 最大失败次数
    // fail_timeout : 最大失败次数后, 时间内 不再请求
    // weight : 权重
    upstream tomcat {
        server 192.168.91.128:8080 max_fail=3 fail_timeout=60s weight=3;
        server 192.168.91.129:8080;
        server 192.168.91.130:8080;
    }

\* server.location引用upstream标签信息，修改proxy\_pass请求路径

proxy_pass http://tomcat;

\* 启动对应三台服务器上的Tomcat服务

\* 重新加载配置服务查看负载情况

![20181123204546127.png][]

![20181123204529184.png][]

![2018112320453939.png][]

\* nginx默认负载算法为轮询算法，可以对负载均衡算法进行配置，比如根据IP的HASH值取模处理

upstream tomcat {
        ip_hash;
        server 192.168.91.128:8080 max_fails=3 fail_timeout=60s weight=3;
        server 192.168.91.129:8080;
        server 192.168.91.130:8080;
    }

\* 服务请求发送到130服务器上

![20181123204741556.png][]

三，动静分离

\* 静态资源类型查看

vim ./conf/mime.types

\* 动静分离配置，增加location模块，根据正则匹配静态资源信息。静态资源块配置后，正则匹配到的静态资源，不在从对应服务器获取静态资源信息，而直接从配置的静态资源存储位置获取信息。首先，不移动静态资源，进行页面查看

location ~ .*\.(js|css|png|svg|ico|jpg)$ {
    	# 动静分离后, 静态资源存储位置
    	root /usr/develop/nginx/static;
    }

\* 页面信息，从下图可以看到，js、css、png，jpg等配置的拦截信息全部丢失

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE5NzYzODg_size_16_color_FFFFFF_t_70 3][]

\* 添加配置信息配置的文件位置，并复制Tomcat所需的静态资源

// 创建文件夹
    [root@localhost nginx]# mkdir static
    // 进入到Tomcat静态资源存在的路径
    [root@localhost nginx]# cd /usr/develop/apache-tomcat-7.0.91/webapps/ROOT/
    // 复制文件
    [root@localhost ROOT]# cp *.png *.ico *.svg *.js *.css *.jpg /usr/develop/nginx/static/

\* 重新刷新页面

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE5NzYzODg_size_16_color_FFFFFF_t_70 4][]

![20181123205904146.png][]

\* 静态资源缓存：静态资源存为变更比较少的资源，可以进行资源缓存

location ~ .*\.(js|css|png|svg|ico|jpg)$ {
    	# 动静分离后, 静态资源存储位置
    	root /usr/develop/nginx/static;
    	# 静态资源缓存处理
    	expires 1d;
    }

![20181123210404951.png][]

四，静态压缩

\* 部分静态资源文件较大，通过压缩传输可以减少网络传输

\* 静态压缩在http模块进行配置，此处不在自定义模块进行处理，直接在nginx.conf进行

# 打开文件压缩功能
    gzip on;
    # 最小压缩长度
    gzip_min_length 5k;
    # 压缩等级
    gzip_comp_level 3;
    # 要压缩的文件类型
    gzip_types application/javascript image/jpeg image/svg+xml;
    # 压缩缓冲区, 按照原数据32位的4倍申请缓冲区
    gzip_buffers 4 32k;
    # 开启浏览器是否支持压缩判断
    gzip_vary on;

\* 上述配置信息对svg文件有压缩处理，可以看到刚才打开的页面，存在svg文件，文件大小位26.9kb

![2018112321074167.png][]

\* 配置压缩信息重新加载后，刷新页面，文件只有9.2kb

![20181123210822333.png][]

五，防盗链

\* 互联网是一个公开的环境，存在部分资源的互相引用，比如图片或者文件信息，但是要保证服务请求是自己服务器发送的请求，就需要添加防盗链进行处理

\* 防盗链信息配置与动静分离配置位置一致

location ~ .*\.(js|css|png|svg|ico|jpg)$ {
    	# 防盗链
        valid_referers none blocked 192.168.91.129;
    	# 防盗链拦截后返回提示信息
        if ($invalid_referer) {
            return 404;
        }
    	# 动静分离后, 静态资源存储位置
    	root /usr/develop/nginx/static;
    	# 静态资源缓存处理
    	expires 1d;
    }

\* 如配置信息所示，会对所有非129主机的服务进行静态资源拦截，并返回404；因为本机在129环境进行测试，所以修改主机为128，查看触发防盗链后的执行结果，可以看到下图中页面访问已经没有配置的拦截信息，且控制台css和png的访问已经报404错误码

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE5NzYzODg_size_16_color_FFFFFF_t_70 5][]

六，跨域访问

\* 取消Nginx反向代理的服务器，只保留130一台

upstream tomcat {
        ip_hash;
    #    server 192.168.91.128:8080 max_fails=3 fail_timeout=60s weight=3;
    #    server 192.168.91.129:8080;
        server 192.168.91.130:8080;
    }

\* 在130的tomcat根目录下创建test.txt文件(刚才未对txt文件进行拦截)

![20181123213810216.png][]

\* 从页面直接通过130路径访问该文件

![20181123213727312.png][]

\* 修改129的index.jsp，让其直接访问130下的test.txt文件

<head>
    	<title><%=request.getServletContext().getServerInfo() %></title>
    	<script src="jquery.js"></script>
    	<link href="favicon.ico" rel="icon" type="image/x-icon" />
    	<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
    	<link href="tomcat.css" rel="stylesheet" type="text/css" />
    	<script>
    		$(function(){
    			$.get("http://192.168.91.129/test.txt", {}, function(result){
    				alert(result);
    			});
    		});
    	</script>
    </head>

\* 通过F12查看Console信息，可以看到，涉及跨域，请求失败

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE5NzYzODg_size_16_color_FFFFFF_t_70 6][]

\* 配置Nginx跨域请求信息，实现Nginx跨域访问；在自定义配置模块servce.location内配置

# Nginx解决跨域问题
    add_header 'Access-Control-Allow-Origin' '*';
    add_header 'Access-Control-Allow-Methods' 'GET,POST,DELETE';
    add_header 'Aceess-Control-Allow-Header' 'Content-Type,*';

\* 配合完成后重新刷新界面

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE5NzYzODg_size_16_color_FFFFFF_t_70 7][]

七，附完整配置信息

\*nginx.conf

http {
        include       mime.types;
        default_type  application/octet-stream;
    
        #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;
    
        sendfile        on;
        #tcp_nopush     on;
    
        #keepalive_timeout  0;
        keepalive_timeout  65;
    
        include /usr/develop/nginx/selfconf/self_conf.conf;
    
        # 打开文件压缩功能
        gzip on;
        # 最小压缩长度
        gzip_min_length 5k;
        # 压缩等级
        gzip_comp_level 3;
        # 要压缩的文件类型
        gzip_types application/javascript image/jpeg image/svg+xml;
        # 压缩缓冲区, 按照原数据32位的4倍申请缓冲区
        gzip_buffers 4 32k;
        # 开启浏览器是否支持压缩判断
        gzip_vary on;
    }

\* self\_conf.conf

upstream tomcat {
        ip_hash;
    #    server 192.168.91.128:8080 max_fails=3 fail_timeout=60s weight=3;
    #    server 192.168.91.129:8080;
        server 192.168.91.130:8080;
    }
    
    server {
        listen      80;
        server_name localhost;
        location / {
            proxy_pass http://tomcat;
             # 填充请求头信息
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            # 在指定情况下进行请求转发
            proxy_next_upstream error timeout http_500 http_503;
            # 请求超时时间
            proxy_connect_timeout 60s;
            # 发送/读取数据超时时间
            proxy_send_timeout 60s;
            proxy_read_timeout 60s;
            # Nginx解决跨域问题
            add_header 'Access-Control-Allow-Origin' '*';
            add_header 'Access-Control-Allow-Methods' 'GET,POST,DELETE';
            add_header 'Aceess-Control-Allow-Header' 'Content-Type,*';
        }
    
        location ~ .*\.(js|css|png|svg|ico|jpg)$ {
            # 防盗链
            valid_referers none blocked 192.168.91.129;
            # 防盗链拦截后返回提示信息
            if ($invalid_referer) {
                return 404;
            }
            # 动静分离后, 静态资源存储位置
            root /usr/develop/nginx/static;
            # 静态资源缓存处理
            expires 1d;
        }
    }

[20181123201228673.png]: /images/20220414/dec174f3ad7c403c9e23ebe4413a1451.png
[2018112320121232.png]: /images/20220414/9fbc87c95fc24309a706626c7d73b123.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE5NzYzODg_size_16_color_FFFFFF_t_70]: /images/20220414/c41d97583a974209ada8dfcbccfc4377.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE5NzYzODg_size_16_color_FFFFFF_t_70 1]: /images/20220414/f07d17a69aa34b76b0772047ded5099a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE5NzYzODg_size_16_color_FFFFFF_t_70 2]: /images/20220414/759b2f4f90bc4355af8f1e5b30704944.png
[20181123204546127.png]: /images/20220414/ae59e0702e8a463294f1b25537575d66.png
[20181123204529184.png]: /images/20220414/77993e48aa954b1583cfbd8810dc80fc.png
[2018112320453939.png]: /images/20220414/a105e4d106674f91b366a2a3c5d44771.png
[20181123204741556.png]: /images/20220414/c0483b36cf1747cc88aa563057305b42.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE5NzYzODg_size_16_color_FFFFFF_t_70 3]: /images/20220414/8e1d8149bd864a8f9d88b56e82b5dbe0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE5NzYzODg_size_16_color_FFFFFF_t_70 4]: /images/20220414/9450520d144f4d6d9289eae2ceac7568.png
[20181123205904146.png]: /images/20220414/42a305a0434d476b98daf202ba66c5ce.png
[20181123210404951.png]: /images/20220414/344bba220efa46eea7181c854719d289.png
[2018112321074167.png]: /images/20220414/33a6702a30054139a42672471663ab9a.png
[20181123210822333.png]: /images/20220414/7b094deb9d9f44ee94645e964a66bc8d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE5NzYzODg_size_16_color_FFFFFF_t_70 5]: /images/20220414/b63a117a7dc545ce84d7908bc06c464d.png
[20181123213810216.png]: /images/20220414/107bfe1594504c4fb43a17ba1ae02924.png
[20181123213727312.png]: /images/20220414/979542bde04741d981f63c8419bfba7a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE5NzYzODg_size_16_color_FFFFFF_t_70 6]: /images/20220414/fa7c7ecaa6224b259bd621a3d2162e0a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE5NzYzODg_size_16_color_FFFFFF_t_70 7]: /images/20220414/640fc845ba964b9cadd731d634777309.png