Nginx的这些妙用,你肯定有不知道的!

本文涉及的产品
.cn 域名,1个 12个月
简介: Nginx的这些妙用,你肯定有不知道的!

摘要

本文将从反向代理、文件压缩、地址重写三方面来讲解Nginx在Docker环境下的使用技巧!

在Docker环境下的安装

下载nginx的docker镜像

docker pull nginx:1.10
复制代码

从容器中拷贝nginx配置

  • 先运行一次容器(为了拷贝配置文件):
docker run -p 80:80 --name nginx \
-v /mydata/nginx/html:/usr/share/nginx/html \
-v /mydata/nginx/logs:/var/log/nginx  \
-d nginx:1.10
复制代码
  • 将容器内的配置文件拷贝到指定目录:
docker container cp nginx:/etc/nginx /mydata/nginx/
复制代码
  • 修改文件名称:
mv nginx conf
复制代码
  • 终止并删除容器:
docker stop nginx
docker rm nginx
复制代码

使用docker命令启动

docker run -p 80:80 --name nginx \
-v /mydata/nginx/html:/usr/share/nginx/html \
-v /mydata/nginx/logs:/var/log/nginx  \
-v /mydata/nginx/conf:/etc/nginx \
-d nginx:1.10
复制代码

反向代理

反向代理就是当请求访问你的代理服务器时,代理服务器会对你的请求进行转发,可以转发到静态的资源路径上去,也可以转发到动态的服务接口上去。下面我们以对域名进行代理为例,来讲讲如何进行静态代理和动态代理。

静态代理

静态代理就是将请求代理到不同的静态资源路径上去,这里我们将对docs.macrozheng.com的请求代理到我的文档项目中,对mall.macrozheng.com的请求代理到mall的前端项目中。

  • 首先我们修改下本机的host文件:
192.168.6.132 docs.macrozheng.com
192.168.6.132 mall.macrozheng.com
复制代码
  • 然后将我们的文档项目和mall前端项目上传到nginx的html目录中去,并进行解压操作:


image.png

  • /mydata/nginx/conf/conf.d文件夹中添加配置文件docs.conf对文档项目进行反向代理:
server {
    listen       80;
    server_name  docs.macrozheng.com; #修改域名
    location / {
        root   /usr/share/nginx/html/docs; #代理到docs文件夹中
        index  index.html index.htm;
    }
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }
}
复制代码
  • /mydata/nginx/conf/conf.d文件夹中添加配置文件mall.conf对mall的前端项目进行反向代理:
server {
    listen       80;
    server_name  mall.macrozheng.com; #修改域名
    location / {
        root   /usr/share/nginx/html/mall; #代理到mall文件夹中
        index  index.html index.htm;
    }
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }
}
复制代码
  • 重启nginx服务:
docker restart nginx
复制代码
  • 通过docs.macrozheng.com即可访问到我们的文档项目了:

image.png

  • 通过mall.macrozheng.com即可访问到mall的前端项目了:


image.png


动态代理

动态代理就是把代理服务器的请求转发到另一个服务上去,这里我们将对api.macrozheng.com的请求代理到mall-admin的后台服务上去。

  • 首先我们修改下本机的host文件,添加如下规则:
192.168.6.132 api.macrozheng.com
复制代码
  • /mydata/nginx/conf/conf.d文件夹中添加配置文件api.conf对将请求代理到远程的mall-admin服务上去:
server {
    listen       80;
    server_name  api.macrozheng.com; #修改域名
    location / {
      proxy_pass   http://120.27.63.9:8080; #修改为代理服务地址
        index  index.html index.htm;
    }
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }
}
复制代码
  • 重启动nginx服务后,通过api.macrozheng.com/swagger-ui.html即可访问到mall-admin的API文档页面了:


image.png


文件压缩

如果我们租用了一个带宽很低的服务器,网站访问速度会很慢,这时我们可以通过让nginx开启GZIP压缩来提高网站的访问速度。这里我们以mall的前端项目为例来演示下它的提速效果。

  • 首先我们对nginx进行限速操作,限制每个连接的访问速度为128K来建立一个比较慢的访问场景;
  • 修改mall.conf配置文件,进行限速操作:
server {
    listen       80;
    server_name  mall.macrozheng.com;
    limit_rate 128k; #限制网速为128K
    location / {
        root   /usr/share/nginx/html/mall;
        index  index.html index.htm;
    }
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }
}
复制代码
  • 对mall的前端项目mall.macrozheng.com进行访问,我们可以发现网站中有个js文件比较大,需要加载12s:

image.png

  • nginx返回请求头信息如下:


image.png

  • 修改/mydata/nginx/conf目录下的nginx.conf配置文件,开启GZIP压缩;
http {
    gzip on; #开启gzip
    gzip_disable "msie6"; #IE6不使用gzip
    gzip_vary on; #设置为on会在Header里增加 "Vary: Accept-Encoding"
    gzip_proxied any; #代理结果数据的压缩
    gzip_comp_level 6; #gzip压缩比(1~9),越小压缩效果越差,但是越大处理越慢,所以一般取中间值
    gzip_buffers 16 8k; #获取多少内存用于缓存压缩结果
    gzip_http_version 1.1; #识别http协议的版本
    gzip_min_length 1k; #设置允许压缩的页面最小字节数,超过1k的文件会被压缩
    gzip_types application/javascript text/css; #对特定的MIME类型生效,js和css文件会被压缩
    include /etc/nginx/conf.d/*.conf;
}
复制代码
  • 再次对mall的前端项目mall.macrozheng.com进行访问,我们可以发现js文件已经被压缩,加载时间缩短到3.88s,提速3倍左右:


image.png

  • nginx返回请求头中添加了Content-Encoding: gzip的信息:

image.png

地址重写

有的时候我们的网站更换了域名,但还有用户在使用老的域名访问,这时可以通过nginx的地址重写来让用户跳转到新的域名进行访问。

  • 比如说原来我们用的docs.macrozheng.com这个域名不用了,现在改成www.macrozheng.com了来访问文档项目了;
  • 修改docs.conf配置文件,将地址带参数重写到新地址:
server {
    listen       80;
    server_name  docs.macrozheng.com; 
    rewrite "^/(.*)$" http://www.macrozheng.com/$1; #地址重写到新地址
    location / {
        root   /usr/share/nginx/html/docs; 
        index  index.html index.htm;
    }
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }
}
复制代码
  • 此时访问旧域名docs.macrozheng.com会直接跳转到www.macrozheng.com去。
目录
相关文章
|
3月前
|
缓存 负载均衡 前端开发
【Nginx 第一篇章】认识一下 Nginx
Nginx (engine x) 是一个高性能的 HTTP 和反向代理服务器,也是一个 IMAP/POP3/SMTP 代理服务器。由俄罗斯程序员 Igor Sysoev 开发,并在2004年首次公开发布。Nginx 以其高并发处理能力、低内存消耗、稳定性、丰富的功能集、简单的配置以及低学习曲线而广受欢迎。Nginx 通常被用作 Web 服务器来托管网站,但也可以有效地用作反向代理、负载均衡器和 HTTP 缓存。
63 1
|
前端开发 Ubuntu 应用服务中间件
想要使用 Nginx 部署多个前端项目,可行吗?
想要使用 Nginx 部署多个前端项目,可行吗?
852 2
|
算法 应用服务中间件 Linux
|
tengine 前端开发 网络协议
Nginx 基础介绍(一)|学习笔记
快速学习 Nginx 基础介绍
126 0
Nginx 基础介绍(一)|学习笔记
|
负载均衡 应用服务中间件 nginx
Nginx学习笔记(一)6张图带你看清Nginx是啥玩意儿
Nginx学习笔记(一)6张图带你看清Nginx是啥玩意儿
Nginx学习笔记(一)6张图带你看清Nginx是啥玩意儿
|
负载均衡 前端开发 JavaScript
全面解析|搞懂Nginx这一篇就够了
Nginx是一个http服务器,是一个使用c语言开发的高性能的http服务器及反向代理服务器。Nginx是一款高性能的http服务器/反向代理服务器及电子邮件(IMAP/POP3)代...
3846 0
全面解析|搞懂Nginx这一篇就够了
|
负载均衡 前端开发 应用服务中间件
前端想要了解的Nginx(下)
Nginx 是一个高性能的HTTP和反向代理服务器,同时也是一个 IMAP/POP3/SMTP 代理服务器。 常见场景: 静态资源服务器 动态匹配 反向代理 Gzip 压缩 负载均衡
|
缓存 负载均衡 前端开发
前端想要了解的Nginx(上)
Nginx 是一个高性能的HTTP和反向代理服务器,同时也是一个 IMAP/POP3/SMTP 代理服务器。 常见场景: 静态资源服务器 动态匹配 反向代理 Gzip 压缩 负载均衡
|
存储 前端开发 应用服务中间件
【Nginx】第八节 请求限制
【Nginx】第八节 请求限制
106 0
|
安全 应用服务中间件 nginx
【Nginx】第十九节 rewrite应用场景及其配置语法
【Nginx】第十九节 rewrite应用场景及其配置语法
115 0