谁说前端不须要懂-Nginx反向代理与负载均衡

学到老活到老

前端圈一直很新，一直要不停的学习，并且在进入大厂的路上，还要求熟悉一门后台语言等等。用一句别人开玩笑的话来讲，java十年前的技术如今还能用，而前端的技术就不是这样的了

忽然想起了deno项目发布的时候，一个搞笑的issue，“求别更新了，老子学不动了”。虽然看起来是一个玩笑的issue，但却道出了前端们不得不表现出来的疲态，知识点愈来愈庞大，学习的内容愈来愈多

也听到一些朋友们说，换成如今再面试阿里，恐怕很差进了啊。固然不少都是随便一说的玩笑话，听过一笑即可，没必要当真，也没必要抱怨了

好了，今天就直接来讲一下主题吧，前端要了解一些运维的Nginx用法，内容很少，简单看看就好，这两个功能在工做当中就够用了，那么首先来看个问题，什么是反向代理与负载均衡

什么是反向代理与负载均衡

什么是反向代理

当咱们有一个服务器集群，而且服务器集群中的每台服务器的内容同样的时候，一样咱们要直接从我的电脑访问到服务器集群服务器的时候没法访问，必须经过第三方服务器才能访问集群

这个时候，咱们经过第三方服务器访问服务器集群的内容，可是咱们并不知道是哪一台服务器提供的内容，此种代理方式称为反向代理

什么是负载均衡

公司会创建不少的服务器，这些服务器组成了服务器集群，而后，当用户访问网站的时候，先访问一个中间服务器，再让这个中间服务器在服务器集群中选择一个压力较小的服务器，而后将该访问请求引入选择的服务器

因此，用户每次访问，都会保证服务器集群中的每一个服务器压力趋于平衡，分担了服务器压力，避免了服务器崩溃的状况

一句话：nginx会给你分配服务器压力小的去访问

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

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

nginx配置

下面修改配置方面我就从mac系统下来进行简单的演示，如何安装的话也暂以mac为主了，windows系统直接去Nginx官网下载安装便可

安装nginx
    1-进到homebrew官网，而后复制命令，预安装须要的东西
    2-brew install nginx    安装nginx
    3-nginx -v  显示版本号
进入nginx
    cd /usr/local/etc/nginx
复制代码

下图为进入nginx文件夹下的文件内容

当进到这个目录下，咱们就能够操做nginx了，接下来就列举一些很是很是有用的命令，多敲几遍，必定要记住

nginx经常使用命令

• 启动nginx
  • nginx
  • 当你敲完nginx这5个键的时候，并无任何反应，此时你只需访问localhost:8080(默认)便可

• 关闭nginx
  • 若是出现下图状况，不要惊慌，是由于以前nginx被启动过了
  • 只需nginx -s stop，中止nginx服务
  • 而后再次启动nginx便可

• 重启nginx
  • nginx -s reload
  • 每次修改完.conf文件就须要重启nginx
• 检查配置
  • 检查修改的nginx.conf配置是否正确
  • nginx -t
  • 若是出现下面ok和successfull就表明正确了，其余的都不对

  nginx: the configuration file /usr/local/etc/nginx/nginx.conf syntax is ok
   nginx: configuration file /usr/local/etc/nginx/nginx.conf test is successful
  复制代码

对于咱们前端来讲正常工做当中，却是不须要过多的修改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，会看到以下图页面

还有另外一个页面

每次刷新都会访问不一样的服务器，这样就作到了 负载均衡处理

不过，更应该作到的是当用户第一次访问到其中一台服务器后，下次再访问的时候就直接访问该台服务器就行了，不用总变化了。那么就发挥了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最大的功能，反向代理我也接触的不是不少，毕竟不是专业运维出身，可比性差了不少。略知一二，也只是方便你们工做中使用吧，再次感谢你们的收看了，哈哈