前端应该了解的Nginx知识

作者: 前端辉羽 | 来源:发表于2020-01-31 17:58 被阅读0次

Nginx是一个web服务器,有三大作用,反向代理,负载均衡和http缓存。

什么是反向代理

当我们有一个服务器集群,并且服务器集群中的每台服务器的内容一样的时候,同样我们要直接从个人电脑访问到服务器集群服务器的时候无法访问,必须通过第三方服务器才能访问集群
这个时候,我们通过第三方服务器访问服务器集群的内容,但是我们并不知道是哪一台服务器提供的内容,这种代理方式称为反向代理

什么是负载均衡

公司会建立很多的服务器,这些服务器组成了服务器集群,然后,当用户访问网站的时候,先访问一个中间服务器,再让这个中间服务器在服务器集群中选择一个压力较小的服务器,然后将该访问请求引入选择的服务器
所以,用户每次访问,都会保证服务器集群中的每个服务器压力趋于平衡,分担了服务器压力,避免了服务器崩溃的情况
一句话:nginx会给你分配服务器压力小的去访问

Nginx反向代理与负载均衡的实现

用户访问网站的时候首先会访问nginx服务器,然后nginx服务器再从服务器集群中选择压力较小的服务器,将该访问请求引向该服务器

windows系统去Nginx官网下载安装
http://nginx.org/en/download.html
注意选择windows版本下载,下载之后在文件夹下打开命令行工具,输入命令start nginx,输入之后回车,命令行工具中看不到什么变化,此时打开浏览器访问localhost:80看到以下画面代表nginx启动成功

启动成功界面.png
nginx的配置文件是在conf文件夹下的nginx.conf文件中,我们可以使用编辑器打开进行自定义配置
nginxconf配置文件.png

.conf配置文件修改后需要重启nginx服务器
nginx -s reload
关闭nginx服务使用以下命令,同样也是一闪而过是正常的,看一下是否进程已消失即可
快速停止 nginx -s stop
完整有序的关闭 nginx -s quit

这里需要注意的一点:
如果遇到报错:
bash: nginx: command not found
有可能是你再linux命令行环境下运行了windows命令,
试下 ./nginx -s reload
如果使用的git bash之类的命令行工具,请换成windows系统自带命令行工具试试

对于我们前端来说正常工作当中,倒是不需要过多的修改nginx的。我们之所以修改nginx配置,是为了做一些反向代理罢了

proxy_pass
nginx反向代理主要通过proxy_pass来配置,将你项目的开发机地址填写到proxy_pass后面,正常的格式为proxy_pass URL即可

server {
    listen 80;
    location / {
        proxy_pass http://10.10.10.10:20186;
    }
}

Upstream模块实现负载均衡

  • ip_hash指令
  • server指令
  • upstream指令及相关变量

上面写的三个指令,我们直接通过代码来一一分析

// 修改nginx.conf
worker_processes 1;
events {
    worker_connections 1024;
}
http {
    upstream firstdemo {
        server 39.106.145.33;
        server 47.93.6.93;
    }
    server {
        listen 8080;
        location / {
            proxy_pass http://firstdemo;
        }
    }
}

上面修改的nginx.conf就是上图中画圈的那个文件,nginx配置的主要修改就在这里。化繁为简,把原本nginx.conf里的内容直接替换为上面的不到20行的代码了

既然不到20行,那就把里面对应的内容统统解释一下吧,有个了解就好

  • worker_processes
    工作进程数,和CPU核数相同
  • worker_connections
    每个进程允许的最大连接数
  • upstream模块
    负载均衡就靠它
    语法格式:upstream name {}
    里面写的两个server分别对应着不同的服务器
  • server模块
    实现反向代理
    listen监督端口号
    location / {}访问根路径
    proxy_pass http://firstdemo,代理到firstdemo里两个服务器上

上面修改了nginx.conf之后,别忘了最重要的一步重启nginx
那么再次访问localhost:8080,会看到带有以下语句的页面
Welcome to nginx!33-server
每刷新一次,数字都会进行变化
这代表每次刷新都会访问不同的服务器,这样就做到了负载均衡处理
不过,更应该做到的是当用户第一次访问到其中一台服务器后,下次再访问的时候就直接访问该台服务器就好了,不用总变化了。那么就发挥了ip_hash的威力了

// 省略...
    upstream firstdemo {
        ip_hash;
        server 39.106.145.33;
        server 47.93.6.93;
    }

ip_hash它的作用是如果第一次访问该服务器后就记录,之后再访问都是该服务器了,这样比如第一次访问是33服务器,那之后再访问也会分配为33服务器访问了

工作中的简单使用
在公司开发项目的时候,遇到设计,产品走查环节的时候,不能每次都让他们去配一个host,毕竟这样不友好,走查起来有麻烦。所以更应该给他们直观的感受,既给一个访问地址就可以看到样子
下面给大家看一下,我正常在公司时nginx做的反向代理配置,和咱们上面的如出一辙,只是加了一个server_name,用指定的域名去访问即可

server {
    listen       80;
    server_name  chd.news.so.m.qss.test.so.com ;
    auth_basic off;
    location / {
        proxy_pass    http://10.10.10.10:20186;
        proxy_set_header Host $host;
        proxy_redirect off;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_connect_timeout 60;
        proxy_read_timeout 600;
        proxy_send_timeout 600;
    }
}

每次修改完nginx配置后不要忘记重启nginx才能生效,这样只需要访问chd.news.so.m.qss.test.so.com这个地址就可以查看我的开发环境,进行走查了。

相关文章

  • 前端应该了解的Nginx知识

    Nginx是一个web服务器,有三大作用,反向代理,负载均衡和http缓存。 什么是反向代理 当我们有一个服务器集...

  • 前端应该了解的RTMP知识

    概述 RTMP是Real Time Messaging Protocol的简称,是基于何时的传输层协议上(如tcp...

  • 前端需要了解的Nginx知识

    一、Nginx是什么? 定义:Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器。 从...

  • 前端开发者必备的Nginx知识

    摘要: 最常用的Web服务器 -- Nginx 原文:前端开发者必备的Nginx知识 作者:ConardLi Fu...

  • 编写第一个shell脚本(nginx本地测试篇)

    作为一个前端,之前对 nginx了解很少 。最近学习了 mac 下 终端配置nginx 本地测试环境,完全通过终端...

  • nginx前端必备知识

    nginx在应用程序中的作用 解决跨域请求过滤配置gzip负载均衡静态资源服务器 正向代理与反向代理 代理是在服务...

  • 前端必备的 Nginx 知识

    1. nginx在应用程序中的作用 解决跨域 请求过滤 配置gzip 负载均衡 静态资源服务器 nginx是一个高...

  • 前端需要了解的后端知识

    一名有前端工程师,除了掌握自身知识体系外,在业余时间也应该了解下后端的知识时间,由于前端与后端工作是最最密切相关的...

  • nginx前端常用配置

    前端开发者必备的nginx知识 nginx在应用程序中的作用 解决跨域 请求过滤 配置gzip 负载均衡 静态资源...

  • 2018-08-03

    AollyTeam推荐 本周话题 谁说前端不需要懂-Nginx反向代理与负载均衡 基本的运维知识,但作为大前端,怎...

网友评论

    本文标题:前端应该了解的Nginx知识

    本文链接:https://www.haomeiwen.com/subject/jyngthtx.html