Nginx系列教程（四）| 一文带你读懂Nginx的动静分离

做者：JackTian
微信公众号：杰哥的IT之旅（ID：Jake_Internet）

LAMP 系列导读

1. LAMP 系列教程（一）| 详解 Linux 环境下部署 HTTPD 服务
2. LAMP 系列教程（二）| 如何在 Linux 环境下部署 AWStats 分析系统来监控 Web 站点？
3. LAMP 系列教程（三）| 一文读懂 HTTPD 服务的访问控制
4. LAMP 系列教程（四）| MySQL 数据库系统（一）
5. LAMP 系列教程（五）| MySQL 数据库系统（二）- SQL语句的基本操做
6. LAMP 系列教程（六）| MySQL 数据库系统（三）- 数据库的用户受权
7. LAMP 系列教程（七）| MySQL 数据库系统（四）- 数据库的备份与恢复
8. LAMP 系列教程（八）| 带你轻松玩转 LAMP 网站架构平台（一）
9. LAMP 系列教程（九）| LAMP 架构应用案例 - 部署 PHPMyAdmin 系统（二）

LNMP 系列导读

1. Nginx 系列教程（一）| 手把手教你在 Linux 环境下搭建 Nginx 服务
2. Nginx 系列教程（二）| 一文带你读懂 Nginx 的正向与反向代理
3. Nginx 系列教程（三）| 一文带你读懂 Nginx 的负载均衡

1、Nginx 动静分离
Nginx 动静分离，简单来讲，就是把动态和静态请求分开，这里所说的不是将动态页面和静态页面物理分离，能够理解为：Nginx处理静态页面，Tomcat处理动态页面。

2、静态页面
静态页面：是一个页面对应一个内容，也就是一对一的关系，在互联网架构中，页面几乎为不变的或者是页面发生变化频率较低的。好比：html 页面，js/css 样式文件等；

与其匹配的技术架构来加速。好比：Squid、Nginx、CDN，而静态页面最大的优势：速度快、跨平台、跨服务器。

不管如何访问都只是让服务器传数据给请求端，并不作脚本计算及读取后台数据库，提升访问速度及下降了部分安全隐患。

采用静态页面的方法：可将数据库及后台系统与前台进行划分，二者间没有绝对的联系，从而提升站点安全。

静态页面的特色

每一个网页都有一个固定的 URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有 ？；

网页内容发布到网站服务器上，不管是否有用户访问，每一个静态网页的内容都将保存在网站服务器上，也就是说，保存在服务器上的文件，每一个网页都是一个独立的文件；

内容相对稳定，容易被搜索引擎所检索；

没数据库的支持，网站制做和维护方面工做量大，当网站信息量很大时，彻底依靠静态网页制做方式较困难；

交互性较差，功能方面有较大的限制；

运行数据快；

3、动态页面
动态页面：是一对多访问，经过一个页面能够根据若干参数返回其不一样的数据，在互联网架构中，不一样的用户访问不一样的动态场景页面请求，均可能是不同的页面。好比：淘宝京东商品列表页面、百度搜索引擎结果页面等；

动态页面，与其之匹配的技术架构，好比：分层架构、服务化架构、数据库、缓存架构；

动态页面的特色

以数据库技术为基础，可大大下降网站维护的工做量；

采用动态网页技术的网站能够实现更多的功能；

不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页；

在进行搜索引擎推广时需作必定的技术处理才可以适应搜索引擎的要求；

4、动静分离
动静分离是指：静态页面与动态页面分开不一样系统访问的架构设计方法。

静态页面：访问路径短，速度快，几毫秒；

动态页面：访问路径长，速度慢，几十毫秒甚至几百毫秒，架构扩展性要求高；

静态页面与动态页面以不一样域名进行区分；

5、动静分离实操案例
一、 在Nginx服务器环境下，准备静态资源，用于访问，在根目录下建立data目录，并在该目录里面建立两个文件夹image、www，在image文件夹里上传一张本地图片，www文件夹里建立一个html文件。

# cd /data/
# ll
总用量 8
drwxr-xr-x. 2 root root 4096 3月  29 19:14 image
drwxr-xr-x. 2 root root 4096 3月  29 19:13 www

# cd image/
# ls
游戏.jpg

# cd ../www/
# ls
20200331.html
# cat 20200331.html 
<h1>This is a static page!</h1

二、 修改nginx.conf配置文件

添加监听端口、访问名字、重点添加location。

# vim /usr/local/nginx/conf/nginx.conf
 39     server {
 40         listen       80;
 41         server_name  192.168.1.10;
 42 
 43         #charset koi8-r;
 44 
 45         #access_log  logs/host.access.log  main;
 46 
 47         location /www/ {
 48         #    proxy_pass http://myserver;
 49             root   /data/;
 50             index  index.html index.htm;
 51         }
 52         location /image/ {
 53             root /data/;
 54             autoindex  on;
 55         }

三、 重启Nginx服务

# ./nginx -s stop
# ./nginx

四、 验证效果

在客户端浏览器中输入：http://192.168.1.10/image/和http://192.168.1.10/www/20200331.html分别进行测试动静分离是否成功，删除后端tomcat服务器上的某个静态文件，查看是否能访问，若是能够访问说明静态资源Nginx直接返回了，无须在经过后端Tomcat服务器；

总结
经过本篇文章咱们介绍了什么是 Nginx 动静分离、 什么是静态页面和动态页面以及它们各自的特色、动静分离的架构设计图和动静分离实操案例等；

整体上来讲，动静分离是将本来须要动态生成的站点经过以静态站点的优化技术，如实际状况中，数据量不大时，可生成静态页面数据很少的业务，适合于页面静态化优化。

这篇文章整体结构不长，但但愿你们逻辑要清晰，彼此间都有所收获。

若是对你有所帮助，烦请你们也多多留言互动、点个在看、转发，这都是一种支持！混个脸熟什么的，万一下期赠书活动中选中你了呢！好了，就简单介绍这么多吧，咱们下期再见！