Nginx动静分离,rewrite,HTTPS
动静分离
-
在弄清动静分离之前,我们要先明白什么是动,什么是静。
在Web开发中,通常来说,动态资源其实就是指那些后台资源,而静态资源就是指HTML,JavaScript,CSS,img等文件。
一般来说,都需要将动态资源和静态资源分开,将静态资源部署在Nginx上,当一个请求来的时候,如果是静态资源的请求,就直接到nginx配置的静态资源目录下面获取资源,如果是动态资源的请求,nginx利用反向代理的原理,把请求转发给后台应用去处理,从而实现动静分离。
在使用前后端分离之后,可以很大程度的提升静态资源的访问速度,同时在开过程中也可以让前后端开发并行可以有效的提高开发时间,也可以有些的减少联调时间 。
1、创建NFS挂载点(在nfs服务器上进行)
①.创建并授权static目录
[root@nfs ~]# mkdir /static
[root@nfs ~]# chown -R www.www /static/
②.增加挂载点(编辑/etc/exports配置文件)
[root@nfs ~]# vim /etc/exports
/static 172.16.1.0/20(rw,sync,all_squash,anonuid=666,anongid=666)
③.重启nfs服务端
[root@nfs ~]# systemctl restart nfs-server
④.检查服务端是否正常
[root@nfs ~]# showmount -e
/static 172.16.1.0/20
2、将web01服务器的静态资源放置于挂载点内(在web01服务器上进行)
①.创建目录
[root@web01 ~]# mkdir /opt/static
②.挂载
[root@web01 ~]# mount -t nfs 172.16.1.31:/static /opt/static/
③.将项目的静态资源放置于挂载点内
[root@web01 ~]# cp -r /opt/bbs/static/* /opt/static/
3、挂载到lb01(在代理服务器上进行操作)
①.安装nfs-utils
[root@lb01 ~]# yum install nfs-utils -y
②.创建挂载点
[root@lb01 ~]# mkdir /opt/static/
③.挂载
[root@lb01 ~]# mount -t nfs 172.16.1.31:/static /opt/static/
[root@lb01 ~]# df -h
④.修改nginx配置文件
[root@lb01 ~]# vim /etc/nginx/conf.d/test.conf
[root@lb01 ~]# cat /etc/nginx/conf.d/test.conf
upstream bbs {
server 172.16.1.7:80 max_fails=3 fail_timeout=3s;
server 172.16.1.8:80 max_fails=3 fail_timeout=3s;
server 172.16.1.9:80 max_fails=3 fail_timeout=3s;
}
server {
listen 80;
server_name bbs.test.com;
location / {
proxy_pass http://bbs;
proxy_next_upstream error timeout invalid_header http_500 http_502 http_503 http_404;
include /etc/nginx/proxy_params;
}
location /static {
alias /opt/static;
}
}
⑤.测试重载nginx
[root@lb01 ~]# nginx -t
[root@lb01 ~]# systemctl restart nginx
4、测试
浏览器访问:bbs.test.com
Rewrite
- Rewrite主要实现url地址重写,以及重定向,就是把传入web的请求重定向到其他url的过程。
Rewrite基本概述
1.地址跳转,用户访问www.linux.com这个URL是,将其定向至一个新的域名www.baidu.com。
2.协议跳转,用户通过http协议请求网站时,将其重新跳转至https协议方式。
3.伪静态,将动态页面显示为静态页面方式的一种技术,便于搜索引擎的录入,同时建上动态URL地址对外暴露过多的参数,提升更高的安全性。
4.搜索引擎,SEO优化依赖于url路径,好记的url便于搜索引擎录入。
rewrite语法
Syntax: rewrite regex replacement [flag];
Default: —
Context: server, location, if
rewrite # 模块命令
regex # 请求的链接(支持正则表达式)
replacement # 跳转的链接
[flag]; # 标签
location /download/ {
rewrite ^(/download/.*)/media/(.*)\..*$ $1/mp3/$2.mp3 break;
rewrite ^(/download/.*)/audio/(.*)\..*$ $1/mp3/$2.ra break;
return 403;
}
Rewrite标记Flag
- rewrite指令根据表达式来重定向URL,或者修改字符串,可以应用于server,location,if环境下,每行rewrite指令最后跟一个flag标记,支持的flag标记有如下表格所示:
flag | 作用 |
---|---|
last | 本条规则匹配完成后,停止匹配,不再匹配后面的规则 |
break | 本条规则匹配完成后,停止匹配,不再匹配后面的规则 |
redirect | 返回302临时重定向,地址栏会显示跳转后的地址 |
permanent | 返回301永久重定向,地址栏会显示跳转后的地址 |
1、last和break的区别
[root@lb01 ~]# cat /etc/nginx/conf.d/rewrite.conf
server {
server_name _;
listen 80;
location ~ ^/break {
rewrite (.*) /test break;
}
location ~ ^/last {
rewrite (.*) /test last;
}
location /test {
default_type text/html;
return 200 "test";
}
}
break 只要匹配到规则,则会去本地配置路径的目录中寻找请求的文件;
而last只要匹配到规则,会对其所在的server(...)标签重新发起请求。
break请求:
1.请求linux.rewrite.com/break
2.匹配 location ~ ^/break 会跳转到 linux.rewrite.com/test
3.请求跳转后,回去查找本地站点目录下的 /test
4.如果找到了,则返回/code/test/index.html的内容;
5.如果没找到该目录则报错404,如果找到该目录没找到对应的文件则403
last请求:
1.请求linux.rewrite.com/last
2.匹配 location ~ ^/last 会跳转到 linux.rewrite.com/test
3.如果找到了,则返回/code/test/index.html的内容;
4.如果没有找到,会重新对当前server发起请求,这个时候访问地址就变成 linux.rewrite.com/test
5.重新请求server会匹配到 location /test/ 直接返回该location的内容
6.如果也没有location匹配,再返回404;
2、redirect和permanent的区别
重定向
location /redirect {
rewrite (.*) http://www.baidu.com redirect;
}
location /permanent {
rewrite (.*) http://www.baidu.com permanent;
}
redirect: 每次请求都会询问服务器,如果当服务器不可用时,则会跳转失败。
permanent: 第一次请求会询问,浏览器会记录跳转的地址,第二次则不再询问服务器,直接通过浏览器缓存的地址跳转。
HTTPS
-
为什么需要使用HTTPS,因为HTTP不安全,当我们使用http网站时,会遭到劫持和篡改,如果采用https协议,那么数据在传输过程中是加密的,所以黑客无法窃取或者篡改数据报文信息,同时也避免网站传输时信息泄露。
-
那么我们在实现https时,需要了解ssl协议,但我们现在使用的更多的是TLS加密协议。
-
那么TLS是怎么保证明文消息被加密的呢?在OSI七层模型中,应用层是http协议,那么在应用层协议之下,我们的表示层,是ssl协议所发挥作用的一层,他通过(握手、交换秘钥、告警、加密)等方式,是应用层http协议没有感知的情况下做到了数据的安全加密
模拟网站劫持
1、正常的页面
# 1.新建html文件
[root@web01 ~]# mkdir /opt/code
[root@web01 ~]# cd /opt/code
[root@web01 ~]# vim index.html
#复制粘贴下方内容
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>学生信息注册页面</title>
</head>
<body>
<h3>学生信息注册</h3>
<form name="stu"action="">
<table>
<tr><td>姓名:</td><td><input type="text"name="stuName"/></td></tr>
<tr><td>性别:</td>
<td><input type="radio"name="stuSex"checked="checked">男
<input type="radio"name="stuSex">女
</td>
</tr>
<tr><td>出生日期</td>
<td><input type="text"name="stuBirthday"></td>
<td>按格式yyyy-mm-dd</td>
</tr>
<tr><td>学校:</td><td><input type="text"name="stuSchool"></td></tr>
<tr><td>专业:</td>
<td><select name="stuSelect2">
<option selected>计算机科学与技术</option>
<option>网络工程</option>
<option>物联网工程</option>
<option>应用数学</option>
</select>
</td>
</tr>
<tr><td>体育特长:</td>
<td colspan="2">
<input type="checkbox"name="stuCheck" >篮球
<input type="checkbox"name="stuCheck" >足球
<input type="checkbox"name="stuCheck" >排球
<input type="checkbox"name="stuCheck" >游泳
</td>
</tr>
<tr><td>上传照片:</td><td colspan="2"><input type="file" ></td></tr>
<tr><td>密码:</td><td><input type="password"name="stuPwd" ></td></tr>
<tr><td>个人介绍:</td>
<td colspan="2"><textarea name="Letter"rows="4"cols="40"></textarea></td>
</tr>
<tr>
<td><input type="submit"value="提交" ><input type="reset"value="取消" ></td>
</tr>
</table>
</form>
</body>
</html>
# 2.压缩下之前web01的配置,没有可以忽略
[root@web01 ~]# gzip /etc/nginx/conf.d/game.conf
# 3.创建新的配置文件
[root@web01 ~]# vim /etc/nginx/conf.d/http.conf
server {
listen 80;
server_name _;
location / {
root /opt/code;
index index.html;
}
}
# 4.测试重载nginx
[root@web01 ~]# nginx -t
[root@web01 ~]# systemctl restart nginx
# 5.浏览器访问:http://192.168.15.8/
2、网站劫持
# 将之前的nginx代理负载均衡配置压缩(没有可忽略该操作)
[root@lb01 ~]# gzip /etc/nginx/conf.d/test.conf
# 创建新的nginx配置文件
[root@lb01 ~]# vim /etc/nginx/conf.d/http.conf
server {
listen 80;
server_name _;
location / {
proxy_pass http://192.168.15.8;
sub_filter '<title>学生信息注册页面</title>' '<title>澳门首家线上赌场</title>';
sub_filter '<h3 align="center">学生信息注册</h3>' '<h3 align="center">VIP用户信息注册</h3>';
sub_filter '<tr><td>性别:</td>' '<tr><td>爱好:</td>';
sub_filter '<option selected>计算机科学与技术</option>' '<option selected>按摩</option>';
sub_filter '<option>网络工程</option>' '<option>抽烟</option>';
sub_filter '<option>物联网工程</option>' '<option>喝酒</option>';
sub_filter '<option>应用数学</option>' '<option>烫头</option>';
sub_filter '<tr><td>上传照片:</td><td colspan="2"><input type="file" ></td></tr>' '<img src="https://blog.driverzeng.com/zenglaoshi/xingganheguan.gif">';
}
}
# 重启nginx服务
[root@lb01 ~]# systemctl restart nginx
# 测试
浏览器访问:http://192.168.15.5/
加密流程
- 1、浏览器发起往服务器的443端口发起请求,请求携带了浏览器支持的加密算法和哈希算法。
- 2、服务器收到请求,选择浏览器支持的加密算法和哈希算法。
- 3、服务器下将数字证书返回给浏览器,这里的数字证书可以是向某个可靠机构申请的,也可以是自制的。
- 4、浏览器进入数字证书认证环节,这一部分是浏览器内置的TLS完成的:
- 4.1 首先浏览器会从内置的证书列表中索引,找到服务器下发证书对应的机构,如果没有找到,此时就会提示用户该证书是不是由权威机构颁发,是不可信任的。如果查到了对应的机构,则取出该机构颁发的公钥。
- 4.2 用机构的证书公钥解密得到证书的内容和证书签名,内容包括网站的网址、网站的公钥、证书的有效期等。浏览器会先验证证书签名的合法性(验证过程类似上面Bob和Susan的通信)。签名通过后,浏览器验证证书记录的网址是否和当前网址是一致的,不一致会提示用户。如果网址一致会检查证书有效期,证书过期了也会提示用户。这些都通过认证时,浏览器就可以安全使用证书中的网站公钥了。
- 4.3 浏览器生成一个随机数R,并使用网站公钥对R进行加密。
- 5、浏览器将加密的R传送给服务器。
- 6、服务器用自己的私钥解密得到R。
- 7、服务器以R为密钥使用了对称加密算法加密网页内容并传输给浏览器。
- 8、浏览器以R为密钥使用之前约定好的解密算法获取网页内容。
证书对比
对比 | 域名型 DV | 企业型 OV | 增强型 EV |
---|---|---|---|
绿色地址栏 | ![]() |
![]() |
![]() |
一般用途 | 个人站点和应用; 简单的https加密需求 | 电子商务站点和应用; 中小型企业站点 | 大型金融平台; 大型企业和政府机构站点 |
审核内容 | 域名所有权验证 | 全面的企业身份验证; 域名所有权验证 | 最高等级的企业身份验证; 域名所有权验证 |
颁发时长 | 10分钟-24小时 | 3-5个工作日 | 5-7个工作日 |
单次申请年限 | 1年 | 1-2年 | 1-2年 |
赔付保障金 | —— | 125-175万美金 | 150-175万美金 |
自签证书
[root@web01 ~]# cd /etc/nginx/
[root@web01 nginx]# mkdir ssl_key
[root@web01 nginx]# cd ssl_key
#使用openssl命令充当CA权威机构创建证书(生产不使用此方式生成证书,不被互联网认可的黑户证书)
[root@web01 ssl_key]# openssl genrsa -idea -out server.key 2048
Generating RSA private key, 2048 bit long modulus
..............+++
..................................+++
e is 65537 (0x10001)
Enter pass phrase for server.key: 123456
Verifying - Enter pass phrase for server.key: 123456
[root@web01 ssl_key]# ll
total 4
-rw-r--r--. 1 root root 1739 Dec 9 11:27 server.key
#生成自签证书(公钥),同时去掉私钥的密码
[root@web01 ssl_key]# openssl req -days 36500 -x509 -sha256 -nodes -newkey rsa:2048 -keyout server.key -out server.crt
Generating a 2048 bit RSA private key
.....................................+++
............+++
writing new private key to 'server.key'
-----
You are about to be asked to enter information that will be incorporated
into your certificate request.
What you are about to enter is what is called a Distinguished Name or a DN.
There are quite a few fields but you can leave some blank
For some fields there will be a default value,
If you enter '.', the field will be left blank.
-----
Country Name (2 letter code) [XX]:china
string is too long, it needs to be less than 2 bytes long
Country Name (2 letter code) [XX]:CN
State or Province Name (full name) []:meiguo
Locality Name (eg, city) [Default City]:riben
Organization Name (eg, company) [Default Company Ltd]:heishoudang
Organizational Unit Name (eg, section) []:oldboy
Common Name (eg, your name or your server's hostname) []:oldboy
Email Address []:123@qq.com
# req --> 用于创建新的证书
# new --> 表示创建的是新证书
# x509 --> 表示定义证书的格式为标准格式
# key --> 表示调用的私钥文件信息
# out --> 表示输出证书文件信息
# days --> 表示证书的有效期
# sha256 --> 加密方式
#1.开启证书
Syntax: ssl on | off;
Default: ssl off;
Context: http, server
#2.指定证书文件
Syntax: ssl_certificate file;
Default: —
Context: http, server
#3.指定私钥文件
Syntax: ssl_certificate_key file;
Default: —
Context: http, server
#4.修改nginx配置文件(如果负载均衡配置了就不需要下面的配置了)
[root@web01 ~]# cat /etc/nginx/conf.d/https.conf
server {
listen 443 ssl;
server_name _;
ssl_certificate /etc/nginx/ssl_key/server.crt;
ssl_certificate_key /etc/nginx/ssl_key/server.key;
location / {
root /opt/code;
index index.html;
}
}
#5.重启nignx服务
[root@lb01 ~]# systemctl restart nginx
#6.测试
浏览器访问:https://192.168.15.8/
证书加载到代理
# 将web01的ssl配置同步到代理lb01
[root@web01 conf.d]# scp https.conf 192.168.15.5:/etc/nginx/conf.d/https.conf
[root@web01 conf.d]# scp /etc/nginx/ssl_key 192.168.15.5:/etc/nginx/conf.d/https.conf
# 修改lb01的nginx配置文件
[root@lb01 conf.d]# cat /etc/nginx/conf.d/https.conf
upstream ssl {
server 172.16.1.7;
server 172.16.1.8;
server 172.16.1.9;
}
server {
listen 443 ssl;
server_name _;
ssl_certificate /etc/nginx/ssl_key/server.crt;
ssl_certificate_key /etc/nginx/ssl_key/server.key;
location / {
proxy_pass http://ssl;
include /etc/nginx/proxy_params;
}
}
server {
listen 80;
server_name _;
rewrite (.*) https://192.168.15.5 permanent;
}
# 测试重启nignx服务
[root@lb01 ~]# nginx -t
[root@lb01 ~]# systemctl restart nginx
# 测试
浏览器访问:https://192.168.15.5/
从来就没有正确的选择,我们只不过是要努力奋斗,使当初的选择变得正确。