• 欢迎访问显哥博客,本网站纯属学习技术,绝无商业用途,欢迎小伙伴们共同学习!研究技术!QQ:52249909 加我QQ
  • 世界75亿人,这么小的概率,能认识你,是我一生的幸运,不妨加个QQ接触一下:52249909 加我QQ

【Linux运维架构】LNMP企业架构之nginx动静分离

Linux架构 lixian 2年前 (2020-03-08) 268次浏览 0个评论 扫描二维码
文章目录[隐藏]

一、动静分离概述

动静分离,通过中间件将动静分离和静态请求进行分离;
通过中间件将动态请求和静态请求分离,可以建上不必要的请求消耗,同事能减少请求的延时。
通过中间件将动态请求和静态请求分离,逻辑图如下:
【Linux运维架构】LNMP企业架构之nginx动静分离
动静分离只有好处:动静分离后,即使动态服务不可用,但静态资源不会受到影响。

二、单台机器的动静分离

1.环境准备,首先有一台web服务器,并安装好nginx
2.编写nginx的conf文件

[root@web01 conf.d]# vim blog.conf 
server {
    listen 80;
    server_name www.blog.com;

    location / {
        root /code/wordpress;
        index index.php;
    }

	#如果请求的是以 .jpg结尾的静态文件 就去/code/images 目录下访问
    location ~* \.jpg$ {
        root /code/images;
    }

    location ~* \.php$ {
        root /code/wordpress;
        fastcgi_pass 127.0.0.1:9000;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        include fastcgi_params;
    }
}

3.创建目录

[root@web01 conf.d]# mkdir /code/images/

4.实现动静分离
方式一:把文件挪到/code/images/

cp -r /code/wordpress/wp-content /code/images/

方式二:做软连接

cd /code
ln -s wordpress images

5.在浏览器上进行访问,看是否能看到图片

三、多台机器动静分离

1.环境准备

主机 作用 服务 IP地址
lb01 负载均衡 nginx proxy 10.0.0.5
web01 静态资源 nginx static 10.0.0.7
web02 动态资源 tomcat server 10.0.0.8

2.配置web01的静态内容

(1).配置nginx

[root@web01 conf.d]# vim jt.conf
server {
    listen 80;
    server_name dj.linux.com;

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

(2).重启nginx

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

(3).上传图片

[root@web01 conf.d]# mkdir /code/picture
[root@web01 conf.d]# cd /code/picture/
[root@web01 picture]# rz 1.jpg

(4).配置hosts ,访问图片

3.在web02上配置动态资源

(1).安装tomcat

[root@web02 code]# yum install -y tomcat

(2).配置动态内容

[root@web02 code]# cd /usr/share/tomcat/webapps/
[root@web02 webapps]# mkdir ROOT
[root@web02 webapps]# vim 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>

(3).启动tomcat

[root@web02 webapps]# systemctl start tomcat

(4).浏览器访问页面

http://10.0.0.8:8080/java_test.jsp

4.在负载均衡上配置页面

配置负载均衡的nginx

[root@lb01 conf.d]# vim dj.linux.com.conf
upstream jt {
	server 172.16.1.7:80;
	server 172.16.1.9:80;
}
upstream dt {
	server 172.16.1.10:8080;
	server 172.16.1.8:8080;
}

server {
    listen 80;
    server_name dj.linux.com;

    location / {
        root /code/dj;
        index index.html;
    }

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

    location ~ \.jsp$ {
        proxy_pass http://dt;
        proxy_set_header HOST $http_host;
    }
}

重启nginx

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

配置host,访问页面

http://dj.linux.com/java_test.jsp
http://dj.linux.com/1.gif

5.整合静态内容和动态内容

[root@lb01 conf.d]# mkdir /code/dj -p
[root@lb01 conf.d]# vim /code/dj/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://dj.linux.com/java_test.jsp",
        success: function(data){
                $("#get_data").html(data)
        },
        error: function() {
                alert("哎呦喂,失败了,回去检查你服务去~");
        }
        });
});
</script>
        <body>
                <h1>测试动静分离</h1>
                <img src="http://dj.linux.com/1.gif">
                <div id="get_data"></div>
        </body>
</html>

授权站点目录

[root@lb01 conf.d]# chown -R nginx.nginx /code/

注意:访问域名,测试,静态内容和动态内容关闭其一,互不影响


本站博主 , 版权所有丨如未注明 , 均为原创
转载请注明原文链接:【Linux运维架构】LNMP企业架构之nginx动静分离
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到