2. nginx
2.1 什么是nginx?
Nginx(发音同 engine x)是一款轻量级的Web 服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器,并在一个BSD-like 协议下发行。由俄罗斯的程序设计师Igor Sysoev(伊戈尔·西索夫)所开发,供俄国大型的入口网站及搜索引擎Rambler(漫步者)(俄文:Рамблер)使用。其特点是占有内存少,并发能力强,事实上nginx的并发能力确实在同类型的网页服务器中表现较好,中国大陆使用nginx网站用户有:新浪、网易、 腾讯等。
优点:
-
占用内存少,并发能力强
-
Nginx专为性能优化而开发, 在高连接并发的情况下,能够支持高达 50,000 个并发连接数的响应.
-
Nginx支持热部署, 可以在不间断服务的情况下,对软件版本进行升级.
2.2 应用场景
-
http服务器: Nginx是一个http服务可以独立提供http服务。可以做网页静态服务器。
-
虚拟主机: 可以实现在一台服务器虚拟出多个网站。例如个人网站使用的虚拟主机。
-
反向代理,负载均衡 : 当网站的访问量达到一定程度后,单台服务器不能满足用户的请求时,需要用多台服务器集群可以使用nginx做反向代理。并且多台服务器可以平均分担负载,不会因为某台服务器负载高宕机而某台服务器闲置的情况。
2.3 Nginx安装
下载nginx, 官方网站:http://nginx.org/
我们使用的版本是1.17.8版本。
Nginx在Linux下安装,只提供了源代码,所以我们需要进行编译.
2.3.1 安装环境配置
-
因为Nginx是C语言编写的,所以需要配置C语言编译环境 (一定要在联网状态下安装)
需要安装gcc的环境。执行命令:
yum install gcc-c++
注意: 如果执行命令出现这样的提示:
解决办法:
问题是 yum在锁定状态中,强制关掉yum进程即可
rm -f /var/run/yum.pid
-
第三方的开发包, 在编译之前需要安装这些第三方包。
-
PCRE
-
nginx的http模块使用pcre来解析正则表达式,所以需要在linux上安装pcre库
安装命令: yum install -y pcre pcre-devel
-
-
zlib
-
nginx使用zlib对http包的内容进行gzip,所以需要在linux上安装zlib库。
安装命令: yum install -y zlib zlib-devel
-
-
openssl
-
OpenSSL 是一个强大的安全套接字层密码库,nginx不仅支持http协议,还支持https,所以需要在linux安装openssl库。
安装命令: yum install -y openssl openssl-devel
-
2.3.2 安装Nginx 步骤
-
将Nginx的源码包上传到 Linux
-
解压Nginx
tar -xvf nginx-1.17.8.tar
3.进入到解压之后的目录 nginx-1.17.8
4.执行命令 configure,生成 Mikefile 文件
./configure \
--prefix=/usr/local/nginx \
--pid-path=/var/run/nginx/nginx.pid \
--lock-path=/var/lock/nginx.lock \
--error-log-path=/var/log/nginx/error.log \
--http-log-path=/var/log/nginx/access.log \
--with-http_gzip_static_module \
--http-client-body-temp-path=/var/temp/nginx/client \
--http-proxy-temp-path=/var/temp/nginx/proxy \
--http-fastcgi-temp-path=/var/temp/nginx/fastcgi \
--http-uwsgi-temp-path=/var/temp/nginx/uwsgi \
--http-scgi-temp-path=/var/temp/nginx/scgi
执行命令后, 生成了MakeFile文件
5.创建临时文件目录
mkdir /var/temp/nginx/client -p
6.执行make命令,进行编译
make
7.安装
make install
2.3.3 启动并访问 Nginx
进入到nginx 安装目录
cd /usr/local/nginx/
进入到 sbin目录,执行 nginx
命令
./nginx 启动
./nginx -s stop 关闭
ps aux | grep nginx 查看进程
通过浏览器进行访问 ,默认端口 80 (注意:是否关闭防火墙。)
2.4 配置虚拟主机
虚拟主机指的是,在一台服务器中,我们使用Nginx,来配置多个网站.
如何区分不同的网站:
-
端口不同
-
域名不同
2.4.1 通过端口区分不同的虚拟主机
Nginx配置文件
-
Nginx配置文件的位置
cd /usr/local/nginx/conf
nginx.conf 就是Nginx的配置文件
-
Nginx核心配置文件说明
worker_processes 1; #work的进程数,默认为1
#配置 影响nginx服务器与用户的网络连接
events {
worker_connections 1024; #单个work 最大并发连接数
}
# http块是配置最频繁的部分 可以嵌套多个server,配置代理,缓存,日志定义等绝大多数功能
http {
# 引入mime类型定义文件
include mime.types;
default_type application/octet-stream;
sendfile on;
keepalive_timeout 65; # 超时时间
#server 配置虚拟主机的相关参数 可以有多个,一个server就是一个虚拟主机
server {
# 监听的端口
listen 80;
#监听地址
server_name localhost;
# 默认请求配置
location / {
root html; # 默认网站根目录
index index.html index.htm; # 欢迎页
}
# 错误提示页面
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
}
配置nginx.conf
在nginx.conf 中添加一个 新的server
http {
include mime.types;
default_type application/octet-stream;
sendfile on;
#tcp_nopush on;
#keepalive_timeout 0;
keepalive_timeout 65;
#gzip on;
server {
listen 80;
server_name localhost;
location / {
root html;
index index.html index.htm;
}
}
# 配置新的server
server {
listen 81; # 修改端口
server_name localhost;
location / {
root html81; # 重新制定一个目录
index index.html index.htm;
}
}
}
复制一份 html目录
cp -r html html81
重新加载配置文件
sbin/nginx -s reload
访问
http://192.168.52.100 访问第一个server
http://192.168.52.100:81/ 访问第二个server
2.4.2 通过域名区分不同的虚拟主机
什么是域名
网址就是域名,是一个网站的地址, 由域名提供商提供,一般需要购买.
域名级别
-
一级域名
-
比如 .com .org .cn
-
-
二级域名
-
二级域名是在一级域名前加一级
-
二级域名: baidu.com , zhihu.com
-
-
三级域名
-
image.baidu.com
域名绑定
-
一个域名对应一个ip地址,一个ip地址可以被多个域名绑定。
-
通过 DNS服务器去解析域名
配置域名映射
-
本地测试可以修改hosts文件。修改window的hosts文件:(C:\Windows\System32\drivers\etc)
-
可以配置域名和ip的映射关系,如果hosts文件中配置了域名和ip的对应关系,不需要走dns服务器。
配置一下nginx的映射
192.168.52.100 www.ng.com
2.使用SwitchHosts,修改hosts
-
解压
-
右键 以管理员身份运行
-
配置IP与域名的映射
配置nginx.conf
#通过域名区分虚拟主机
server {
listen 80;
server_name www.t1.com;
location / {
root html-t1;
index index.html index.htm;
}
}
server {
listen 80;
server_name www.t2.com;
location / {
root html-t2;
index index.html index.htm;
}
}
-
创建 html-t1和 html-t2 目录
cp -r html html-t1
cp -r html html-t2
-
修改一下index.html 中,刷新
sbin/nginx -s reload
-
访问
虽然只有一台服务器,但是这台服务器上运行着多个网站,访问不同的域名 就可访问到不同的网站内容
2.5 反向代理
2.5.1 什么是代理
代理其实就是一个中介,A和B本来可以直连,中间插入一个C,C就是中介。刚开始的时候,代理多数是帮助内网client
访问外网server
用的.
客户机在发送请求时,不会直接发送给目的主机,而是先发送给代理服务器,代理服务接受客户机请求之后,再向主机发出,并接收目的主机返回的数据再发送给客户机。
2.5.2 正向代理
比如我们国内访问谷歌,直接访问访问不到,我们可以通过一个正向代理服务器,先将请求发送到到代理服,代理服务器能够访问谷歌,这样由代理去谷歌取到返回数据,再返回给我们,这样我们就能访问谷歌了
正向代理代理的是客户端, 服务端不知道实际发起请求的客户端.
2.5.3 反向代理
反向代理和正向代理的区别就是:正向代理代理客户端,反向代理代理服务器。
反向代理是指用代理服务器接收客户端的请求,然后将请求转发给网站内部应用服务器,并将从服务器上得到的结果返回给客户端.
2.5.4 Nginx实现反向代理
Nginx作为反向代理服务器安装在服务端,Nginx的功能就是把请求转发给后面的应用服务器.
-
配置步骤
-
第一步:简单的使用2个tomcat实例模拟两台http服务器,分别将tomcat的端口改为8080和8081
-
第二步:启动两个tomcat。
./bin/startup.sh 访问两个tomcat http://192.168.52.100:8080/ http://192.168.52.100:8081/
-
第三步:反向代理服务器的配置
#反向代理配置 #upstream中的server是真正处理请求的应用服务器地址 upstream lagou1{ #用server定义HTTP地址 server 192.168.52.100:8080; } server { listen 80; server_name www.lagou1.com; location / { # 利用 proxy_ pass可以将请求代理到upstream命名的HTTP服务 proxy_pass http://lagou1; #转发到的地址 index index.html index.htm; } } upstream lagou2{ #用server定义HTTP地址 server 192.168.52.100:8081; } server { listen 80; server_name www.lagou2.com; location / { proxy_pass http://lagou2; index index.html index.htm; } }
-
第四步:nginx重新加载配置文件
nginx -s reload
-
-
第五步:配置域名, 在hosts文件中添加域名和ip的映射关系
192.168.52.100 www.lagou1.com 192.168.52.100 www.lagou2.com
通过浏览器输入域名, 访问Nginx代理服务器, Nginx根据域名将请求转发给对应的目标服务器,作为用户我们看到的是服务器的响应结果页面,在整个过程中目标服务器相对于客户端是不可见的,服务端向外暴露的就是Nginx的地址.
2.6 负载均衡
2.6.1 什么是负载均衡
当一个请求发送过来的时候,Nginx作为反向代理服务器,会根据请求找到后面的目标服务器去处理请求,这就是反向代理. 那么, 如果目标服务器有多台的话,找哪一个服务器去处理当前请求呢 ? 这个合理分配请求到服务器的过程就叫做负载均衡.
2.6.2 为什么用负载均衡
当系统面临大量用户访问,负载过高的时候,通常会使用增加服务器数量来进行横向扩展, 负载均衡主要是为了分担访问量,将请求合理分发给不同的服务器, 避免临时的网络堵塞
2.6.3 负载均衡策略
2.6.3.1 轮询
-
默认策略, 每个请求按照时间顺序逐一分配到不同的服务器,如果某一个服务器下线,能自动剔除
-
配置方式
#负载均衡 upstream lagouServer{ # 用server定义 HTTP地址 server 192.168.52.100:8081; server 192.168.52.100:8082; }
server { listen 80; server_name www.lagouNB.com;
location / { # 利用 proxy_ pass可以将请求代理到upstream命名的HTTP服务 proxy_pass http://lagouServer; index index.html index.htm; }
}#负载均衡 upstream lagouServer{ # 用server定义 HTTP地址 server 192.168.52.100:8081; server 192.168.52.100:8082; }
server { listen 80; server_name www.lagouNB.com;
location / { # 利用 proxy_ pass可以将请求代理到upstream命名的HTTP服务 proxy_pass http://lagouServer; index index.html index.htm; }
}
2.6.3.2 weight
-
可以根据服务器的实际情况调整服务器权重。权重越高分配的请求越多,权重越低,请求越少。默认是都是1.
#负载均衡
upstream lagouServer{
# 用server定义 HTTP地址
server 192.168.52.100:8081 weight=1;
server 192.168.52.100:8082 weight=10;
}
3.项目部署与发布
3.1 后台项目部署
3.1.1 Linux环境准备
1) 需要安装的软件
软件 | 版本 |
---|---|
JDK | 11 |
Tomcat | 8.5 |
MySQL | 5.7 |
Nginx | 1.17.8 |
2) 关闭防火墙
3) 使用SQLYog连接Linux上的MySQL, 导入SQL脚本 创建项目所需的数据库
3.1.2 项目打包发布
在平常开发的过程中,不同的环境中项目的相关配置也会有相关的不同,我们在不同的环境中部署就要手动修改为对应环境的配置,这样太麻烦了以及这样也会很容易出错。
接下来我们就通过maven的相关配置来在打包时指定各个环境对应配置文件
1. 修改ssm_dao 子模块
-
修改后的目录结构
2. 第一步: 创建配置文件
在项目的src/main/resources 下面创建filter目录, 再创建 development.properties , product.properties 两个文件
-
development是开发配置内容。
jdbc.driver=com.mysql.jdbc.Driver
jdbc.url=jdbc:mysql:///ssm_lagou_edu?characterEncoding=UTF-8
jdbc.username=root
jdbc.password=123456
-
product是正式配置内容
jdbc.driver=com.mysql.jdbc.Driver
jdbc.url=jdbc:mysql://192.168.52.100:3306/ssm_lagou_edu?characterEncoding=UTF-8
jdbc.username=JiuYuan
jdbc.password=JiuYuan@123
3. 第二步:配置jdbc.properties 文件
jdbc.properties中的内容不再写死,而是从上面两个文件中获取
jdbc.driver=com.mysql.jdbc.Driver
jdbc.url=${jdbc.url}
jdbc.username=${jdbc.username}
jdbc.password=${jdbc.password}
注意:${jdbc.url} 直接对应上面配置的development.properties或product.properties文件中的名称。
4. 第三步: 配置dao模块的的 pom.xml文件
添加如下配置
<profiles>
<profile>
<id>dev</id>
<properties>
<!-- 测试环境 -->
<env>development</env>
</properties>
<activation>
<activeByDefault>true</activeByDefault>
</activation>
</profile>
<profile>
<id>prod</id>
<properties>
<!-- 正式环境 -->
<env>product</env>
</properties>
</profile>
</profiles>
<build>
<finalName>web</finalName>
<filters>
<filter>src/main/resources/filter/${env}.properties</filter>
</filters>
<resources>
<resource>
<directory>src/main/resources</directory>
<excludes>
<exclude>filter/*.properties</exclude>
</excludes>
<filtering>true</filtering>
</resource>
</resources>
</build>
5. profile说明
-
profile可以让我们定义一系列的配置信息,然后指定其激活条件。这样我们就可以定义多个profile,然后每个profile对应不同的激活条件和配置信息,从而达到不同环境使用不同配置信息的效果
-
默认启用的是dev环境配置:
<profiles>
<profile>
<id>dev</id>
<properties>
<!-- 测试环境 -->
<env>development</env>
</properties>
<activation>
<activeByDefault>true</activeByDefault>
</activation>
</profile>
<profile>
<id>prod</id>
<properties>
<!-- 正式环境 -->
<env>product</env>
</properties>
</profile>
</profiles>
-
指定数据库配置文件路径,此路径可以自定义:
<filters>
<filter>src/main/resources/filter/${env}.properties</filter>
</filters>
-
指定资源目录路径
<resources>
<resource>
<directory>src/main/resources</directory>
<!-- 资源根目录排除各环境的配置 -->
<excludes>
<exclude>filter/*.properties</exclude>
</excludes>
<filtering>true</filtering>
</resource>
</resources>
6.第四步: 打包
-
命令打包
打本地包 mvn -Pdev install 或者mvn install(因为本例activeByDefault配的为true)
打产品包 mvn -Pprod install
结果:src/main/resources/config/jdbc.properties根据 mvn -P 参数决定值
-
使用idea打包
7.打包后的文件
-
使用生产环境的配置文件,进行打包
-
打开这个war包,我们会发现 其他子模块都已经被打成jar包,放到了lib文件夹下
8. 发布
-
修改一下项目名称
-
上传到tomcat中,启动测试
-
在部署tomcat的 webapps目录下创建一个 upload文件夹,保存图片
mkdir upload
-
访问
http://192.168.52.100:8080/ssm-web/user/login?phone=18211111111&password=123456
-
获取到响应的JSON, 发布成功
3.2 前端项目部署
3.2.1 修改配置文件
-
生产环境配置文件,配置后台URL
VUE_APP_NAME = Edu Boss
VUE_APP_TITLE = Lagou Edu Boss (Dev)
VUE_APP_STORAGE_PREFIX = lagou_edu_boss_dev
#VUE_APP_API_FAKE = /front
VUE_APP_API_FAKE = http://192.168.52.100:8080/ssm-web
#VUE_APP_API_BASE = /boss
VUE_APP_API_BASE = http://192.168.52.100:8080/ssm-web
-
自定义配置文件,配置打包相关信息
将下面内容拷贝到 vue.config.js
module.exports = {
publicPath: process.env.NODE_ENV === "production" ? "/edu-boss/" : "/",
indexPath: "index.html",
assetsDir: "static",
lintOnSave: process.env.NODE_ENV !== "production",
productionSourceMap: false,
devServer: {
open: true,
port: 8081
}
};
3.2.2 打包测试操作
-
打包命令
npm run build
-
在项目下会生成一个 dist 目录
-
在本地tomcat的webapps目录下,创建一个edu-boss文件夹,将dist目录中的文件拷贝到里面
-
测试: 启动本地tomcat ,访问前端项目 路径为:
http://localhost:8081/edu-boss/
3.3.3 发布前端项目
-
解压一个新的tomcat, 修改端口号
#解压
tar xvf apache-tomcat-8.5.50.tar
#改名
mv apache-tomcat-8.5.50 ui-tomcat
#修改端口号
cd ui-tomcat/conf/
vim server.xml
-
上传前端项目到 webapps
//上传 edu-boss.zip ,并解压
unzip edu-boss.zip
//删除edu-boss.zip
rm -rf edu-boss.zip
-
运行前端项目,并访问
./bin/startup.sh
//动态查看日志
tail -f logs/catalina.out
//访问
http://192.168.52.100:8081/edu-boss/
3.3 修改tomcat默认访问项目
-
打开前端tomcat的配置文件 server.xml, 找到
Host
标签
-
在Host标签内加入
<Context path="" docBase="edu-boss" reloadable="true" debug="0" privileged="true">
</Context>
-
重新启动 并访问前端项目,这个时候只需要直接访问 8081即可
http://192.168.52.100:8081/
3.4 配置反向代理
-
打开nginx的配置文件 nginx.conf
-
配置反向代理
#配置ssm项目 反向代理
upstream lagouedu{
server 192.168.52.100:8081;
}
server {
listen 80;
server_name www.edu-boss.com;
location / {
proxy_pass http://lagouedu; #转发的地址
index index.html index.htm;
}
}
-
修改本地hosts, 配置域名映射