学习目标
- 使用域名访问本地项目
- Nginx
- 图片上传
- FastDFS实现图片上传
1.使用域名访问本地项目
1.1.统一环境
我们现在访问页面使用的是：http://localhost:8080
有没有什么问题？
实际开发中，会有不同的环境：
- 开发环境：自己的电脑
- 测试环境：提供给测试人员使用的环境
- 预发布环境：数据是和生成环境的数据一致，运行最新的项目代码进去测试
- 生产环境：项目最终发布上线的环境
如果不同环境使用不同的ip去访问，可能会出现一些问题。为了保证所有环境的一致，我们会在各种环境下都使用域名来访问。
我们将使用以下域名：
- 主域名是：www.powershop.com，powershop.com
- 管理系统域名：manage.powershop.com
- 网关域名：api.powershop.com
- …
但是最终，我们希望这些域名指向的还是我们本机的某个端口。
那么，当我们在浏览器输入一个域名时，浏览器是如何找到对应服务的ip和端口的呢？
1.2.域名解析
一个域名一定会被解析为一个或多个ip。这一般会包含两步：
-
本地域名解析
浏览器会首先在本机的hosts文件中查找域名映射的IP地址，如果查找到就返回IP ，没找到则进行域名服务器解析，一般本地解析都会失败，因为默认这个文件是空的。
- Windows下的hosts文件地址：C:/Windows/System32/drivers/etc/hosts
- Linux下的hosts文件所在路径： /etc/hosts
样式：
# My hosts 127.0.0.1 localhost -
域名服务器解析
本地解析失败，才会进行域名服务器解析，域名服务器就是网络中的一台计算机，里面记录了所有注册备案的域名和ip映射关系，一般只要域名是正确的，并且备案通过，一定能找到。
1.3.解决域名解析问题
我们不可能去购买一个域名，因此我们可以伪造本地的hosts文件，实现对域名的解析。修改本地的host为：
127.0.0.1 manage.powershop.com
这样就实现了域名的关系映射了。
每次在C盘寻找hosts文件并修改是非常麻烦的，因此我这里使用SwitchHosts进行切换的方式去修改hosts文件，只需要添加域名与ip的映射关系即可（中间用空格隔开）：
现在，ping一下域名试试是否畅通：
通过域名访问：我们配置了项目访问的路径，虽然manage.powershop.com映射的ip也是127.0.0.1，但是vue会验证host是否符合配置。
解决方案：在vue.conf.js中取消host验证：disableHostCheck: true
重新执行npm run dev，刷新浏览器：
域名问题解决了，但是现在要访问后台页面，还得自己加上端口：http://manage.powershop.com:8080。
这就不够优雅了。我们希望的是直接域名访问：http://manage.powershop.com。这种情况下端口默认是80，如何才能把请求转移到8080端口呢？
这里就要用到反向代理工具：Nginx
2.Nginx
2.1.Nginx介绍
2.1.1.什么是Nginx？
Nginx是一款轻量级的Web 服务器、反向代理服务器及电子邮件（IMAP/POP3）代理服务器，中国大陆使用nginx网站用户有：百度、京东、新浪、网易、腾讯、淘宝等。
特点：反向代理 负载均衡 动静分离
2.1.2.什么是反向代理？
代理服务可简单的分为正向代理和反向代理：
-
正向代理: 用于代理内部网络对internet的连接请求(如VPN/NAT),客户端指定代理服务器,并将本来要直接发送给目标Web服务器的HTTP请求先发送到代理服务器上, 然后由代理服务器去访问Web服务器, 并将Web服务器的Response回传给客户端。
所谓的正向代理就是代理服务器**替代访问方【用户】**去访问目标服务器【服务器】
言外之意就是代替客户端发送请求
-
反向代理: 与正向代理相反, 反向代理是指以代理服务器来接受internet上的连接请求，然后将请求转发给内部网络上的服务器，并将从服务器上得到的结果返回给internet上请求连接的客户端，此时代理服务器对外就表现为一个服务器
所谓的反向代理就是代替服务器接受用户的请求，从目标服务器中取得用户的需求资源，然后发送给用户
言外之意就是代替服务器端接收请求
2.1.3.什么是负载均衡？
负载均衡：数据流量分摊到多个服务器上执行，减轻每台服务器的压力，多台服务器共同完成工作任务，从而提高了数据的吞吐量。意思就是把请求平均分配给多台服务器
2.1.4.什么是动静分离？
动静分离：将静态的资源放到反向代理服务器,节省用户的访问时间
Web服务器分2类：
- web应用服务器，如：
- tomcat
- resin
- jetty
- web服务器，如：
- Apache 服务器
- Nginx
- IIS
区分：web服务器不能解析jsp等页面，只能处理js、css、html等静态资源。
并发：web服务器的并发能力远高于web应用服务器。
2.2.安装Nginx
2.2.1.下载Nginx
官方网站：http://nginx.org/
2.2.2.安装nginx
- 安装nginx的依赖库
yum -y install gcc pcre pcre-devel zlib zlib-devel openssl openssl-devel
- 解压安装包
tar -zxvf nginx-1.10.0.tar.gz
- 配置nginx安装包
cd nginx-1.10.0
./configure --prefix=/usr/local/nginx
注意：./configure配置nginx安装到/usr/java/nginx目录下
- 编译并安装
make && make install
2.2.3.目录结构
├── client_body_temp # 临时目录
├── conf # Nginx所有配置文件的目录
│ ├── nginx.conf # Nginx主配置文件
├── fastcgi_temp # fastcgi临时数据目录
├── html # Nginx默认站点目录
│ ├── 50x.html # 错误页面优雅替代显示文件，例如当出现502错误时会调用此页面
│ └── index.html # 默认的首页文件
├── logs # Nginx日志目录
│ ├── access.log # 访问日志文件
│ ├── error.log # 错误日志文件
│ └── nginx.pid # pid文件，Nginx进程启动后，会把所有进程的ID号写到此文件
├── proxy_temp # 临时目录
├── sbin # Nginx命令目录
│ └── nginx # Nginx的启动命令
├── scgi_temp # 临时目录
└── uwsgi_temp # 临时目录
2.3.Nginx的启动及关闭
2.3.1.启动
#在nginx目录下有一个sbin目录，sbin目录下有一个nginx可执行程序
./nginx
测试：
2.3.2.关闭
./nginx -s stop
2.3.3.重新加载配置文件
./nginx -s reload
2.3.4.配置文件介绍
完整配置：
#user nobody;
#工作进程
worker_processes 1;
events {
#连接池连接数
worker_connections 1024;
}
#请求方式
http {
#媒体类型
include mime.types;
#默认媒体类型 二进制
default_type application/octet-stream;
#上传文件
sendfile on;
#超时时间
keepalive_timeout 65;
#gzip on;
#服务器配置
server {
#监听端口
listen 80;
#监听域名
server_name localhost;
#请求头信息
proxy_set_header X-Forwarded-Host $host;
proxy_set_header X-Forwarded-Server $host;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
#请求映射规则，/代表所有请求路径
location / {
#请求转发地址
#root html;
proxy_pass http://manage.powershop.com:8080;
#欢迎页
#index index.html index.htm;
#转发连接超时时间
proxy_connect_timeout 600;
#转发读取超时时间
proxy_read_timeout 600;
}
}
}
2.4.Nginx代理tomcat
2.4.1.在linux中安装两台tomcat
1、解压两个tomcat到/usr/local，分别命名为tomcat1，tomcat2
2、修改tomcat的配置文件，将端口进行修改:
3、启动tomcat，启动的时候赋予启动命令权限
chmod 777 startup.sh
chmod 777 catalina.sh
启动 ./catalina.sh run
3、将资料中的test.war项目分别发布到两个tomcat中并测试
2.4.2.代理一台tomcat（反向代理）
修改nginx/conf/nginx.conf文件：
2.4.3.代理多台tomcat（负载均衡）
1、在http节点上添加一个upstream
2、修改location /下的反向代理
2.4.4.负载均衡策略
2.4.4.1.6种负载均衡策略
| 负载均衡策略 | 说明 |
|---|---|
| 轮询 | 默认 |
| weight | 权重方式 |
| ip_hash | 依据ip分配方式 |
| least_conn | 按连接数 |
| fair | 按响应时间 |
| url_hash | 依据URL分配 |
2.4.4.2.权重
测试
2.4.5.Tomcat集群的session共享
问题：
方法一：保证一个ip地址永远的访问一台tomcat服务器,就不存在session共享问题了（只支持linux）
即：upstream中添加 ip_hash;
或者使用url_hash 根据url算出hash值对2取余数持续访问一台服务器 hash $request_uri
方法二：session的共享
一种使用tomcat广播机制完成session的共享（只支持windows，不推荐的方式）session复制
一种使用redis服务器的方式完成session的共享（推荐的方式）
2.5.动静分离
2.5.1.创建静态资源
在虚拟机中新建images文件夹，并上传图片
2.5.2.配置nginx的nginx.conf
location ~* \.(gif|jpg|png|jpeg)$ {
root /usr/upload/images;
}
2.5.3.测试
http://192.168.182.133/111.jpg
http://192.168.182.133/222.jpg
2.6.nginx解决端口问题
2.6.1.需求分析
利用Nginx的反向代理，就可以解决我们前面所说的端口问题，由于是开发阶段在window中配置Nginx即可。
如图：
2.6.2.安装
安装
安装非常简单，把课前资料提供的nginx直接解压即可，绿色免安装，舒服！
我们在window安装一台nginx：
2.6.3.反向代理配置
server {
listen 
最低0.47元/天 解锁文章
837
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
