前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Nginx安装部署之反向代理配置与负载均衡

Nginx安装部署之反向代理配置与负载均衡

作者头像
星哥玩云
发布2022-07-26 18:03:01
8480
发布2022-07-26 18:03:01
举报
文章被收录于专栏:开源部署

Nginx 部署、反向代理配置、负载均衡

最近我们的angular项目部署,我们采用的的是Nginx,下面对Nginx做一个简单的介绍。

为什么选择Nginx

  • 轻:相比于Apache,同样的web服务器占用的资源少
  • 多线程模式:Nginx拥有多个worker进程,处理请求时是异步非阻塞的
  • 社区活跃
  • 可以做反向代理
  • 支持7层负载均衡。什么是七层负载均衡
  • 配置简单,易上手。这才是我们选择的主要原因。

上一个官方下载下来的文档

PDF幻灯片可以到Linux公社资源站下载:

------------------------------------------分割线------------------------------------------

免费下载地址在 http://linux.linuxidc.com/

用户名与密码都是www.linuxidc.com

具体下载目录在 /2019年资料/3月/22日/Nginx安装部署之反向代理配置与负载均衡/

下载方法见 http://www.linuxidc.com/Linux/2013-07/87684.htm

------------------------------------------分割线------------------------------------------

Window下 的 Nginx

虽然一般的服务器都不使用windows系统,我们还是先来一段window的

  • 访问 ngix下载页下载windows 版本的 ngix压缩包
  • 解压到相应的目录下。
  • 打开CMD, cd到解压ngix的目录下,键入 start nginx.exe
  • 打开浏览器,输入localhost/127.0.0.1
  • 上图:
  • 常用命令:
代码语言:javascript
复制
nginx -s stop                  #停止nginx
nginx -s reload                #重新加载nginx配置
nginx -s reopen                #重新启动
nginx -s quit                  #退出nginx

Linux(CentOS) 下的 Nginx

下面是我们真正使用的Linux 下 搭建Nginx,演示时我使用的WM Ware创建的虚拟机。使用putty进行远程连接。注:如果使用服务器操作的话,粘贴可就麻烦了,所以还是用远程连接吧,能直接copy paste命令

菜鸟教程的方法

直接上链接。Nginx安装

官方文档上的方法
  • cd 到 yum的资源目录下
代码语言:javascript
复制
 cd  /etc/yum.repos.d/
  • 创建一个文件:nginx.repo,
代码语言:javascript
复制
vi nginx.repo
# 内容
[nginx]
name=nginx repo
baseurl=http://nginx.org/packages/mainline/centos/7/$basearch/
gpgcheck=0
enabled=1
# 文档上的url是http://nginx.org/packages/mainline/OS/OSRELEASE/$basearch/
# 替换成你的 os 与 版本
# 保存退出
  • 键入如下一系列命令
代码语言:javascript
复制
yum -y install nginx    # 安装
systemctl enable nginx  #开机自启
systemctl start nginx   #启动nginx
firewall-cmd --permanent --zone=public --add-port=80/tcp #永久开启80端口
firewall-cmd --reload   #重新加载防火墙
  • 下面我们回到物理机,测试一下虚拟机上的Nginx 服务是否安装成功。在物理机打开浏览器,键入:虚拟机IP:80,上图:
  • 常用命令与Windows相同。
  • 个人建议使用官方上的配置。

说明Angular 项目的打包,并部署到虚拟机的Nginx

  • 在本地找了一个angular项目目录下 ng-build,会生一个dist文件夹
  • 键入如下命令:nginx -t
代码语言:javascript
复制
nginx -t #查看配置文件路径
#结果
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful
代码语言:javascript
复制
#查看上述路径的文件
user  nginx;
worker_processes  1;

error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       /etc/nginx/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  /var/log/nginx/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    keepalive_timeout  65;

    #gzip  on;

    include /etc/nginx/conf.d/*.conf;
}
  • 注意上面最后一句话包含conf.d文件夹下的所有.conf。我们再那个文件夹下找到了default.conf ,编辑default.conf
代码语言:javascript
复制
server {
    listen       80;
    server_name  localhost;
    location / {
        #root   /usr/share/nginx/html;
        root   /usr/share/nginx/html/dist/demo;
        #更改成我们上传的目录一定要写到有index.html那一级
        index  index.html index.htm;
    }
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }
}
  • 重新载入Nginx配置
代码语言:javascript
复制
nginx -s reload
  • 上对比图

配置一个简单的反向代理

前端需要调用后端的Rest API,我们需要将一部分请求配置反向代理。

  • 直接上conf配置
代码语言:javascript
复制
server {
    listen       80;
    server_name  localhost;

    location / {
        root   /usr/share/nginx/html/dist/demo;
        index  index.html index.htm;
    }

    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }
        # 匹配到/proxy/这个url的时候代理到220.181.112.244 百度这个服务器
    location ^~ /proxy/ {
        proxy_set_header Host 220.181.112.244;
        proxy_set_header X-Real-IP  220.181.112.244;
        proxy_pass http://220.181.112.244/proxy/;
        proxy_http_version 1.1;
        proxy_set_header Connection "";
    }
}
  • 在重新载入配置前,我们先尝试一下,上图:

注:本地项目,没有配置路由,所有会没有proxy这个东西,会报404错误,我们可以通过查看当前404是哪个服务器包的错,来判断是否发生反向代理

从图中可以看出,此时没有进行反向代理,在虚拟机的服务器上提示404

注:这里说明一点,就是即便发生了法相贷,但是network中的显示还是我的虚拟机的ip,所以不能当做是否发生反向代理的标注

  • 重新载入Nginx配置
代码语言:javascript
复制
nginx -s reload
  • 刷新刚才的页面,上图:可以发现,已经代理到百度的错误页面上去了。
  • 一个简单的反向代理就配置好了。 nginx 负载均衡

注:20190220更新

  • 准备工作
代码语言:javascript
复制
1.一台虚拟机
2.虚拟机安装docker
  • 如上面操作在虚拟机上搭载一个Nginx服务器
  • 使用docker 拉取nginx 镜像
代码语言:javascript
复制
docker pull nginx
  • 运行两个nginx的容器
代码语言:javascript
复制
docker run --name nginx-test-1 -d -p 8888:80 nginx /bin/bash
docker run --name nginx-test-2 -d -p 8889:80 nginx /bin/bash
  • 分别进入到两个容器中,更改其中nginx web目下的index.html
代码语言:javascript
复制
docker exec -it nginx-test-1 /bin/bash
内容改成 this is nginx1
docker exec -it nginx-test-2 /bin/bash
内容改成 this is nginx2
  • 退回到虚拟机中,更改虚拟机的nginx conf文件
代码语言:javascript
复制
server{
    location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
        proxy_pass http://balance;  #balance 是下面upstream后定义的名字
    }
}
# 在server{}外面增加如下代码
upstream balance { 
    server localhost:8888 weight=1; 
    server localhost:8889 weight=1; 
}
  • 在本机访问localhost
代码语言:javascript
复制
curl localhost
#
会发现this is nginx1 、 this is nginx2交替出现
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Nginx 部署、反向代理配置、负载均衡
    • 为什么选择Nginx
      • 上一个官方下载下来的文档
        • Window下 的 Nginx
          • Linux(CentOS) 下的 Nginx
            • 菜鸟教程的方法
            • 官方文档上的方法
          • 说明Angular 项目的打包,并部署到虚拟机的Nginx
            • 配置一个简单的反向代理
            相关产品与服务
            负载均衡
            负载均衡(Cloud Load Balancer,CLB)提供安全快捷的四七层流量分发服务,访问流量经由 CLB 可以自动分配到多台后端服务器上,扩展系统的服务能力并消除单点故障。轻松应对大流量访问场景。 网关负载均衡(Gateway Load Balancer,GWLB)是运行在网络层的负载均衡。通过 GWLB 可以帮助客户部署、扩展和管理第三方虚拟设备,操作简单,安全性强。
            领券
            问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档