案例No.51:Nginx动静分离

1、web01配置静态资源

[root@web01 ~]# cd /etc/nginx/conf.d/
#配置静态资源
[root@web01 conf.d]# cat dj_oldboy.conf
server{
listen 80;
      server_name pic.drz.com;
      root /code;
      index index.html;

      location ~* .*\.(jpg|png|gif)$ {
              root /code/images;
      }
}

#配置一个主页
[root@web01 conf.d]# echo "zls_test_web01" > /code/index.html
#创建图片目录
[root@web01 conf.d]# mkdir -p /code/images/
[root@web01 conf.d]# cd /code/images/

#上传一个静态文件
[root@web01 images]# rz cjk.gif

修改域名解析文件,hosts,10.0.0.7   pic.drz.com  

[root@web01 conf.d]# nginx -t
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful
[root@web01 conf.d]# nginx -s reload

打开浏览器,访问http://pic.drz.com,页面跳转至静态页面。

打开浏览器,访问http://pic.drz.com/pic5.gif,页面显示动态图。

2、接下来做动静分离,将.jsp、.php、.java等内容写在web02上,web02配置动态资源

[root@web02 ~]# yum install -y tomcat
[root@web02 ~]# mkdir -p /usr/share/tomcat/webapps/ROOT
[root@web02 ~]# cat /usr/share/tomcat/webapps/ROOT/java_test.jsp
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<HTML>
  <HEAD>
      <TITLE>曾老湿JSP Page</TITLE>
  </HEAD>
  <BODY>
      <%
          Random rand = new Random();
          out.println("<h1>曾老湿随机数:<h1>");
          out.println(rand.nextInt(99)+100);
      %>
  </BODY>
</HTML>

[root@web02 webapps]# systemctl start tomcat

打开浏览器,访问http://10.0.0.8:8080/java_test.jsp,页面显示静态页面,是一个随机数。

3、在负载均衡上调度

[root@lb01 conf.d]# cat proxy_ds.conf 
upstream static {
      server 172.16.1.7:80;
}

upstream java {
      server 172.16.1.8:8080;
}

server {
      listen 80;
      server_name pic.drz.com;

      location ~* \.(jpg|png|gif)$ {
              proxy_pass http://static;
              proxy_set_header Host $http_host;
      }

      location ~ \.jsp {
              proxy_pass http://java;
              proxy_set_header Host $http_host;
      }
}


修改域名解析文件,hosts,10.0.0.5   pic.drz.com ,通过负载访问动态与静态资源


[root@lb01 conf.d]# nginx -t
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful
[root@lb01 conf.d]# nginx -s reload

打开浏览器,访问http://pic.drz.com/pic5.gif,页面显示动态图。

打开浏览器,访问http://pic.drz.com/java_test.jsp,页面显示静态页面。

4、负载均衡上整合动态和静态的html文件,写html文件使动态资源和静态资源显示在同一个页面中。

#编辑配置文件
[root@lb01 ~]# cat /etc/nginx/conf.d/proxy_ds.conf
upstream static {
      server 172.16.1.7:80;
}

upstream java {
      server 172.16.1.8:8080;
}

server {
      listen 80;
      server_name pic.drz.com;
       
      location / {
          root /code;
          index index.html;
      }
       
      location ~* \.(jpg|png|gif)$ {
              proxy_pass http://static;
              proxy_set_header Host $http_host;
      }

      location ~ \.jsp {
              proxy_pass http://java;
              proxy_set_header Host $http_host;
      }
}

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

#编辑整合后的index.html
[root@lb01 ~]# cat /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://pic.drz.com/java_test.jsp",
      success: function(data){
              $("#get_data").html(data)
      },
      error: function() {
              alert("哎呦喂,失败了,回去检查你服务去~");
      }
      });
});
</script>
      <body>
              <h1>曾老湿带你测试动静分离</h1>
              <img src="http://pic.drz.com/cjk.gif">
              <div id="get_data"></div>
      </body>
</html>


修改域名解析文件,hosts,10.0.0.5   pic.drz.com ,通过负载访问动态与静态资源


[root@lb01 conf.d]# nginx -t
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful
[root@lb01 conf.d]# nginx -s reload

Linux架构之Nginx 动静分离的更多相关文章

  1. Nginx动静分离架构

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

  2. Nginx动静分离架构&&HA-LB集群整合

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

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

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

  4. Nginx系列二:(Nginx Rewrite 规则、Nginx 防盗链、Nginx 动静分离、Nginx+keepalived 实现高可用)

    一.Nginx Rewrite 规则 1. Nginx rewrite规则 Rewrite规则含义就是某个URL重写成特定的URL(类似于Redirect),从某种意义上说为了美观或者对搜索引擎友好, ...

  5. nginx动静分离简单实例实现

    什么是动静分离? Nginx 动静分离简单来说就是把动态和静态请求分开,不能理解成只是将动态页面和静态页面物理分离.严格意义上说应该是动态请求和静态请求分开,可以理解成使用 nginx 处理静态页面, ...

  6. Nginx 动静分离概述

    目录 Nginx 动静分离是什么 Nginx 动静分离配置 Nginx 动静分离是什么 Nginx 动静分离,指的是静态资源请求由 Nginx 处理,动态资源请求由 php-fpm 处理或 tomca ...

  7. Nginx动静分离经典

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

  8. Nginx动静分离实现

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

  9. Nginx动静分离

    动静分离 Nginx动静分离是让动态网站里的动态网页根据一定规则把不变的资源和经常变的资源区分开来,动静资源做好了拆分以后,我们就可以根据静态资源的特点将其做缓存操作,这就是网站静态化处理的核心思路. ...

随机推荐

  1. 将数据库中带出的列,在gridview中影藏起来

    前台增加事件:OnRowCreated="GridView1_RowCreated" protected void GridView1_RowCreated(object send ...

  2. leetcode-mid-backtracking -46. Permutations-NO

    mycode 没有通过,其实只需要把temp.append改为temp+[nums[i]]即可 def permute(nums): def dfs(res,nums,temp): print(num ...

  3. 集成微信支付的代码。兼容小程序,扫码,app,公众号。h5 支付 ,以及 服务商提现

      /** * 因为微信总是很多个商户号很多和appid.很多个密钥文件,所以全部改成手动传值的方式,就可以支持多商户调用 * * @param appId 商户的appid * @param mch ...

  4. iOS应用将强制使用HTTPS安全加密-afn配置https(190926更新)

    WWDC 2016苹果开发者大会上,苹果在讲解全新的iOS10中提到了数据安全这一方面,并且苹果宣布iOS应用将从2017年1月起启用名为App Transport Security的安全传输功能. ...

  5. springboot日期格式转换

    post: @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss", timezone = "GMT+8") GET: @Dat ...

  6. WCF 出现System.Core version 2.0.5.0 未能加载问题

    Window server 2008 R2 Enterprise 版本测试: 需要安装Net补丁: NDP40-KB2468871-v2-x64 下载地址 https://www.microsoft. ...

  7. lgb模板

    一 回归 1 提取训练集和测试集 2 制作标签,并检查标签是否有异常值 2 划分数据 https://www.jb51.net/article/152574.htm 3 建立model,写评价函数 h ...

  8. fiddler之模拟请求超时和弱网模式

    在针对手机端测试时,很多情况下我们需要测试响应超时和弱网情况的响应情况.此时可以使用fiddler提供的断点和弱网功能进行测试. 1.请求超时 设置断点,是请求响应超时.查看请求结果. Rules-- ...

  9. Linux 命令 - man 查看命令的文档

    man 命令是 Linux 中最常用的命令,碰到任何让你疑惑的命令,都可以 man 一下来查看详情.不只是 shell 命令,C 语言库函数和系统调用等内容也可以通过 man 命令查看. man 命令 ...

  10. HTML CSS JS 特殊字符(转义)表

    HTML有许多特殊的字符,您对此有多少了解?平时在WEB制作中,您又有用到多少?或者说你在平时使用之时,是否也会碰到,有许多特殊字符要如何打印出来?比如说“笑脸”,比如说“版权号”.要是你用时忘记了这 ...