1.Nginx动静分离基本概述

动静分离, 通过中间件将动静分离和静态请求进行分离。

那为什么要通过中间件将动态请求和静态请求进行分离? 减少不必要的请求消耗, 同时能减少请求的延时。

通过中间件将动态请求和静态请求分离，逻辑图如下

动静分离只有好处: 动静分离后, 即使动态服务不可用, 但静态资源不会受到影响

2.Nginx动静分离场景实践

Nginx动静分离实践应用案例

2.0.环境准备

系统 服务 服务 地址
CentOS7.5 负载均衡 Nginx Proxy 10.0.0.5
CentOS7.5 静态资源 Nginx Static 10.0.0.7
CentOS7.5 动态资源 Tomcat Server 10.0.0.8

2.1.在10.0.0.7服务器上配置静态资源

[root@web01 conf.d]# cat ds_oldboy.conf

server{

        listen 80;

        server_name ds.oldboy.com;

        root /soft/code;

        index index.html;

        location ~* .*\.(png|jpg|gif)$ {

                root /soft/code/images;

        }

}

# 准备目录, 以及静态相关图片

[root@web01 ~]# mkdir /soft/code/images -p

[root@web01 ~]# wget -O /soft/code/images/nginx.png http://nginx.org/nginx.png

[root@web01 ~]# systemctl restart nginx

2.2.在10.0.0.8服务器上配置动态资源

[root@web01 ~]# yum install -y tomcat

[root@web01 ~]# mkdir /usr/share/tomcat/webapps/ROOT

[root@web01 ~]# vim /usr/share/tomcat/webapps/ROOT/java_test.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<HTML>

    <HEAD>

        <TITLE>JSP Test Page</TITLE>

    </HEAD>

    <BODY>

      <%

        Random rand = new Random();

        out.println("<h1>Random number:</h1>");

        out.println(rand.nextInt(99)+100);

      %>

    </BODY>

</HTML>

#重启tomcat服务

[root@web01 ~]# systemctl start tomcat

2.3.在负载均衡10.0.0.5上配置调度, 实现访问jsp和png

[root@lb01 conf.d]# cat ds_proxy.conf

upstream static {

        server 10.0.0.7:80;

}

upstream java {

        server 10.0.0.8:8080;

}

server {

        listen 80;

        server_name ds.oldboy.com;

        location / {

                root /soft/code;

                index index.html;

        }

        location ~ .*\.(png|jpg|gif)$ {

                proxy_pass http://static;

                include proxy_params;

        }

        location  ~ .*\.jsp$ {

                proxy_pass http://java;

                include proxy_params;

        }

}

[root@lb01 conf.d]# systemctl restart nginx

2.4.通过负载测试访问静态资源

2.5.通过负载测试访问动态资源

2.6.在负载均衡10.0.0.5上整合动态和静态资源的html文件

[root@lb01 ~]# mkdir /soft/code -p

[root@lb01 ~]# cat /soft/code/index.html

<html lang="en">

<head>

        <meta charset="UTF-8" />

        <title>测试ajax和跨域访问</title>

        <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>

</head>

<script type="text/javascript">

$(document).ready(function(){

        $.ajax({

        type: "GET",

        url: "http://ds.oldboy.com/java_test.jsp",

        success: function(data) {

                $("#get_data").html(data)

        },

        error: function() {

                alert("fail!!,请刷新再试!");

        }

        });

});

</script>

        <body>

                <h1>测试动静分离</h1>

                <img src="http://ds.oldboy.com/nginx.png">

                <div id="get_data"></div>

        </body>

</html>

2.7.测试动态和静态资源是否能正常加载在一个html文件中

2.8.当使用systemctl stop nginx停止Nginx后, 会发现静态内容无法访问, 动态内容依旧运行正常

2.9.当使用systemctl stop tomcat停止tomcat后, 静态内容依旧能正常访问, 动态内容将不会被请求到

3.Nginx资源分离场景实践

Nginx通过负载均衡实现手机与PC调度至不同的后端节点应用案例

3.1.根据iphone、安卓、pc跳转不同的页面环境规划

系统版本 主机角色 外网IP 内网IP 提供端口
CentOS7.5 负载均衡 10.0.0.5 172.16.1.5 80
CentOS7.5 提供Android页面 172.16.1.7 9090
CentOS7.5 提供Iphone页面 172.16.1.7 9091
CentOS7.5 提供pc页面 172.16.1.7 9092

3.2.配置后端WEB节点的Nginx配置

[root@web01 conf.d]# cat sj.conf

server {

    listen 9090;

    location / {

        root /code/android;

        index index.html;

    }

}

server {

    listen 9091;

    location / {

        root /code/iphone;

        index index.html;

    }

}

server {

    listen 9092;

    location / {

        root /code/pc;

        index index.html;

    }

}

3.3.为后端WEB节点配置对应的网站目录以及代码

[root@web01 conf.d]# mkdir -p /code/{android,iphone,pc}

[root@web01 conf.d]# echo "PC" > /code/pc/index.html

[root@web01 conf.d]# echo "Iphone" > /code/iphone/index.html

[root@web01 conf.d]# echo "Android" > /code/android/index.html

#检查语法并重载Nginx服务

[root@web01 conf.d]# nginx -t

[root@web01 conf.d]# systemctl restart nginx

3.4.配置负载均衡服务，根据不同的浏览器调度到不同的资源池

[root@lb01 conf.d]# cat sj_proxy.conf

upstream iphone {

    server 172.16.1.7:9091;

}

upstream android {

    server 172.16.1.7:9090;

}

upstream pc {

    server 172.16.1.7:9092;

}

server {

    listen 80;

    server_name sj.oldboy.com;

    location / {

    #默认跳转至pc站点

    proxy_pass http://pc;

    include proxy_params;

        #如果客户端是Iphone则跳转到iphone的资源池

        if ($http_user_agent ~* "Iphone") {

            proxy_pass http://iphone;

        }

        #如果客户端是Android则跳转到android的资源池

        if ($http_user_agent ~* "Android"){

            proxy_pass http://android;

        }

        #如果客户端是IE浏览器，则返回403错误。

        if ($http_user_agent ~* "msie"){

            return 403;

        }

    }

}

3.5.直接使用浏览器访问，返回默认的结果

3.6如果通过android设备访问，效果如下。

3.7如果通过Iphone设备访问，效果如下。

15、Nginx动静分离实战的更多相关文章

  1. 15.Nginx动静分离Rewrite

    1.什么是动静分离? 将动态请求和静态请求区分访问, 2.为什么要做动静分离? 静态由Nginx处理, 动态由PHP处理或Tomcat处理.... 因为Tomcat程序本身是用来处理jsp代码的,但t ...

  2. PHP服务化搭建之nginx动静分离实战

    如有什么问题可以加群交流:647617935 什么是动静分离 动静分离:将项目中的CSS,JS,HTML,JPG'.等静态资源和 PHP等动态资源分开处理的一种方式 动静分离优点 不同的文件由不同类型 ...

  3. Nginx动静分离经典

    Nginx:安装nginx之前需要安装pcre包和zlib以支持重写,正则以及网页压缩等等]把所需的包下载到/usr/src下[根据自己的习惯,路径可以改变]1.首先安装pcre: cd /usr/s ...

  4. Nginx动静分离知识及配置

    Nginx动静分离知识及配置,本质上与分离上传下载功能是相同功能,本质就是在文件服务器也是需要部署WEB应用的,只是在进行代理分离的时候分配到对应的文件服务器上去. 随着Nginx高性能Web服务器大 ...

  5. Nginx动静分离（Nginx+Tomcat）

    第一步:nginx构建 第二步:Tomcat构建 1.Tomcat基础点 (1)Tomcat 是基于java开发的web容器,用来发布java代码和jsp网页. (2)开发人员开发java web网站 ...

  6. Nginx动静分离经典案例配置

    随着Nginx高性能Web服务器大量被使用,目前Nginx最新稳定版为1.2.6,张宴兄在实际应用中大量使用Nginx,并分享Nginx高性能Web服务器知识,使得Nginx在国内也是飞速的发展.那今 ...

  7. Nginx动静分离实现

    Nginx动静分离实现: Nginx是一种轻量级,高性能,多进程的Web服务器,非常适合作为静态资源的服务器使用,而动态的访问操作可以使用稳定的Apache.Tomcat及IIS等来实现,这里就以Ng ...

  8. Nginx动静分离架构

    Nginx动静分离简单来说就将动态与静态资源分开,不能理解成只是单纯的把动态页面和静态页面物理分离,严格意义上说应该是动态请求跟静态请求分开,可以理解成使用Nginx处理静态页面,Tomcat,Res ...

  9. Nginx 动静分离与负载均衡的实现

    一.前提 企业中,随着用户的增长,数据量也几乎成几何增长,数据越来越大,随之也就出现了各种应用的瓶颈问题. 问题出现了,我们就得想办法解决,一般网站环境,均会使用LAMP或者LNMP,而我们对于网站环 ...

随机推荐

  1. javascript之for-in语句

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  2. 使用SlidingDrawer（滑动式抽屉）实现抽屉效果

    SlidingDrawer隐藏屏外的内容,并允许用户通过handle以显示隐藏内容.它可以垂直或水平滑动,它有俩个View组成,其一是可以拖动的handle,其二是隐藏内容的View.它里面的控件必须 ...

  3. 关于Win7 64位下：Navicat无法连接64位Oracle 11gR2：Cannot load OCI DLL解决方法

    错误描述 在Win7下安装了Oracle 11g R2,在用Navicat去连接Oracle时,提示以下错误: Cannot load OCI DLL, 126: Instant Client pac ...

  4. 小D课堂 - 新版本微服务springcloud+Docker教程_3-01 什么是微服务的注册中心

    笔记 第三章 SpringCloud核心组件注册中心 1.什么是微服务的注册中心     简介:讲解什么是注册中心,常用的注册中心有哪些 (画图)                  理解注册中心:服务 ...

  5. Python——GUI编程（python programming）

    import sys from math import * from PyQt5.QtCore import * from PyQt5.QtGui import * from PyQt5.QtWidg ...

  6. Java 多线程爬虫及分布式爬虫架构

    这是 Java 爬虫系列博文的第五篇,在上一篇 Java 爬虫服务器被屏蔽,不要慌,咱们换一台服务器 中,我们简单的聊反爬虫策略和反反爬虫方法,主要针对的是 IP 被封及其对应办法.前面几篇文章我们把 ...

  7. linux shadow文件格式弱口令解密

    shadow格式弱口令为linux弱口令,通过kali linux 终端 john --w=字典 加上shadow文件, 扫描完成之后通过john --show 加上shadow文件出结果

  8. 自然语言处理工具HanLP-N最短路径分词

    本篇给大家分享baiziyu 写的HanLP 中的N-最短路径分词.以为下分享的原文,部分地方有稍作修改,内容仅供大家学习交流! 首先说明在HanLP对外提供的接口中没有使用N-最短路径分词器的,作者 ...

  9. 中国高考志愿填报与职业趋势分析 - ActiveReports 大数据分析报告

    中国高考志愿填报与职业趋势分析 1977年中国高考制度恢复,重新开启了人才成长之门.40多年来,高考累积录取人数增长了27倍, 2.28亿人报名,9900万名高素质人才先后通过了中国高等教育的培养,高 ...

  10. 云数据库RDS MySQL 版

    阿里云关系型数据库(Relational Database Service,简称RDS)是一种稳定可靠.可弹性伸缩的在线数据库服务.基于阿里云分布式文件系统和SSD盘高性能存储,RDS支持MySQL. ...