目录
- 引言
- 一、Nginx简介
- 1. Nginx的基本概念
- 2. Nginx的特点
- 3. Nginx的安装配置
- 二、Nginx搭载负载均衡
- 三、前端项目打包
- 四、Nginx部署前后端分离项目，同时实现负载均衡和动静分离
- 总结
引言
在现代互联网应用中，高性能和可扩展性是至关重要的。Nginx作为一款高性能的Web服务器和反向代理服务器，被广泛应用于各种规模的网站和应用程序中。本文将深入探讨Nginx的负载均衡和动静分离的原理与实践，帮助读者更好地理解和应用这些功能。
一、Nginx简介
Nginx是一款轻量级的高性能Web服务器和反向代理服务器，由俄罗斯的工程师Igor Sysoev开发。它采用事件驱动的异步非阻塞架构，能够处理大量并发连接，具有出色的性能和稳定性。本节将介绍Nginx的基本概念、特点和安装配置方法。
- 负载均衡
- 动静分离
1. Nginx的基本概念
Nginx采用模块化的设计，核心模块负责处理HTTP请求和响应，而其他模块则提供了丰富的功能扩展，如负载均衡、动静分离、反向代理等。在理解Nginx的负载均衡和动静分离之前，我们需要了解一些基本概念，如虚拟主机、反向代理和上游服务器等。
2. Nginx的特点
Nginx具有以下几个显著的特点：
- 高性能：采用异步非阻塞的事件驱动模型，能够处理大量并发连接，适用于高负载的场景。
- 轻量级：占用系统资源少，启动速度快，适合部署在资源有限的环境中。
- 可扩展性：支持模块化设计，可以根据需求选择性地加载和配置各种功能模块。
- 稳定性：经过多年的生产环境验证，稳定性得到了广泛认可。
3. Nginx的安装配置
-
去到Nginx压缩包目录下， 我的是(javayh/software) 输入（yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel）回车 下载4个依赖先
-
解压Nginx压缩包 输入（tar -xvf nginx-1.13.7.tar.gz）回车 解压Nginx
-
然后 cd nginx-1.13.7 回车进入目标文件
-
编译，执行配置: 考虑到后续安装ssl证书 添加两个模块，输入（./configure --with-http_stub_status_module --with-http_ssl_module）回车
-
安装 输入（make && make install）回车
-
然后下一步如图所示
-
然后cd sbin/ 回车进入sbin 然后输入./nginx回车启动
-
然后下载一个lsof 输入（yum install -y lsof）回车
-
输入(lsof -i:80)回车查看
-
设置防火墙开放 80 端口
输入(firewall-cmd --zone=public --add-port=80/tcp --permanent)回车开放
输入( firewall-cmd --reload && firewall-cmd --list-port )回车刷新并展示
能访问此时Nginx服务就启动成功了
二、Nginx搭载负载均衡
负载均衡是指将请求分发到多个服务器上，以达到提高系统性能和可用性的目的。Nginx作为一款高性能的反向代理服务器，具备强大的负载均衡功能。本节将介绍Nginx的负载均衡原理和常用的负载均衡算法，并结合实例演示如何配置和使用Nginx进行负载均衡。
继上面十步后实现负载均衡
-
首先防火墙需要再开端口
输入(firewall-cmd --zone=public --add-port=8081/tcp --permanent)回车开放
输入( firewall-cmd --reload && firewall-cmd --list-port )回车刷新并展示
此时就有三个端口了 -
这一步是我要删除我Tomcat之前所存在的项目
-
然后回到software文件下面,输入（cp -r apache-tomcat-8.5.20/ apache-tomcat-8.5.20_8081/）回车就会多一个Tomcat服务器
-
然后该新的Tomcat的端口配置，如下进入目录
回车进入后把所有的端口号都改一下，改为之后退出
为了方便区别，我把（/javayh/software/apache-tomcat-8.5.20_8081/webapps/ROOT/）中的index界面改了,在远程连接上改的，也可以自己手动改 -
然后把两个Tomcat服务启动
现在先去访问看能不能成功
这边可以看到两个都启动成功了 -
下一步要负载Tomcat，根据以下操作进入目标目录找到这个配置文件
-
然后进入nginx.conf编辑配置，以下是我编辑的两个地方
#服务器的集群
upstream tomcat_list { #服务器集群名字
server 127.0.0.1:8080 weight=1; #服务器1 weight是权重的意思，权重越大，分配的概率越大。
server 127.0.0.1:8081 weight=3; #服务器2 weight是权重的意思，权重越大，分配的概率越大
}
location / {
#root html;
proxy_pass http://tomcat_list;
index index.html index.htm;
}
-
然后重启nginx进入该目录
然后输入（./nginx -s reload）回车重启
此时负载均衡就搭配完成了 -
此时在两个Tomcat中进行部署项目
部署完成后把两个服务器重启
有数据说明成功了
三、前端项目打包
- 打包前要确定项目能正常运行且没有问题
- 进行打包前要改一下项目的配置
- 进到前台项目的config中的index.js中修改build中的内容(修改的在最后一行)
build: {
// Template for index.html
index: path.resolve(__dirname, '../dist/index.html'),
// Paths
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
// assetsPublicPath: '/',修改前
assetsPublicPath: './',//修改后
- 还要修改build文件夹中utils.js中的（添加一行 publicPath:‘…/…/’）
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
// 解决icon路径加载错误
publicPath:'../../'
})
} else {
return ['vue-style-loader'].concat(loaders)
}
}
- 改好之后就去本地文件夹下找到本项目的下一级cmd回车后在黑窗口输入npm run build
这样就打包好了
这个就是打包好的前台项目
四、Nginx部署前后端分离项目，同时实现负载均衡和动静分离
前后端分离是一种常见的架构模式，可以提高开发效率和系统性能。Nginx作为一款高性能的Web服务器和反向代理服务器，可以很好地支持前后端分离项目的部署。本节将介绍如何使用Nginx部署前后端分离项目，并结合负载均衡和动静分离的实践，进一步提升系统的性能和可扩展性。
- 前后端分离的架构模式
本节将介绍前后端分离的架构模式，包括前端和后端的职责划分、通信方式和数据交互方式等。了解这些基本概念对于理解和应用Nginx的动静分离和负载均衡功能非常重要。 - 动静分离的原理和实践
动静分离是指将动态请求和静态资源请求分开处理，以提高系统的性能和可扩展性。Nginx作为一款高性能的Web服务器，可以很好地支持动静分离。本节将介绍动静分离的原理和实践，包括配置静态资源服务器、设置缓存策略等。 - 配置Nginx实现前后端分离和负载均衡
本节将通过一个实际的案例，演示如何配置Nginx实现前后端分离和负载均衡。包括前端资源的部署、Nginx的配置和反向代理设置、负载均衡的配置等。
总结
本文深入探讨了Nginx的负载均衡和动静分离的原理与实践。通过对Nginx的基本概念、特点和安装配置的介绍，读者可以更好地理解Nginx的工作原理和使用方法。同时，通过对负载均衡和动静分离的详细讲解和实例演示，读者可以掌握如何使用Nginx提高系统的性能和可扩展性。希望本文对读者在实际应用中有所帮助。
