大点干！早点散----------Nginx+Tomcat动静分离

不吃小白菜

发布于 2020-09-08 09:57:43

3900

发布于 2020-09-08 09:57:43

文章被收录于专栏：用户7721898的专栏用户7721898的专栏

文章目录

一、动静分离原理解析
- 1、拓扑图如下
- 2、详细解析
- 3、为什么要搞动静分离？
二、nginx和Tomcat服务搭建
- 1、环境准备
- 2、实验目的
- 3、实验过程
  - （1）搭建nginx服务
  - （2）Tomcat搭建
  - （3）配置动静分离
  - （4）Tomcat设置
  - （5）验证
  - （6）nginx处理静态图片，Tomcat处理动态页面配置

一、动静分离原理解析

1、拓扑图如下

2、详细解析

我们将静态资源放在 A 主机的一个目录上，将动态程序放在 B 主机上，同时在 A 上安装 Nginx 并且在 B 上安装 Tomcat。配置 Nginx，当请求的是 html、jpg 等静态资源时，就访问 A 主机上的静态资源目录；当用户提出动态资源的请求时，则将请求转发到后端的 B 服务器上，交由 Tomcat 处理，再由 Nginx 将结果返回给请求端。

3、为什么要搞动静分离？

提到这，可能有您会有疑问，动态请求要先访问 A，A 转发访问 B，再由 B 返回结果给 A，A 最后又将结果返回给客户端，这是不是有点多余。初看的确多余，但是这样做至少有 2 点好处。

第一，为负载均衡做准备，因为随着系统的发展壮大，只用一台 B 来处理动态请求显然是是不够的，要有 B1，B2 等等才行。那么基于图 2 的结构，就可以直接扩展 B1，B2，再修改 Nginx 的配置就可以实现 B1 和 B2 的负载均衡。
第二，对于程序开发而言，这种结构的程序撰写和单台主机没有区别。我们假设只用一台 Tomcat 作为服务器，那么凡是静态资源，如图片、CSS 代码，就需要编写类似这样的访问代码：<img src=”{address of A}/a.jpg”>，当静态资源过多，需要扩展出其他的服务器来安放静态资源时，访问这些资源就可能要编写这样的代码

<img src=”{address of C}/a.jpg”>、<img src=”{address of D}/a.jpg”>

可以看到，当服务器进行变更或扩展时，代码也要随之做出修改，对于程序开发和维护来说非常困难。而基于上面的结构，程序都只要 **<img src=”a.jpg”>**，无需关心具体放置资源的服务器地址，因为具体的地址 Nginx 为帮您绑定和选择。

二、nginx和Tomcat服务搭建

1、环境准备

VMware软件一台centos7系统作为nginx服务IP地址 192.168.110.132 一台centos7系统作为Tomcat服务器，IP地址：192.168.79.133

2、实验目的

通过访问nginx地址，实现动静分离动态请求自动转到Tomcat处理，还要实现静态资源存放在nginx服务器中，但Tomcat仍旧能够加载出资源（以图片为例）静态请求转到nginx处理

3、实验过程

（1）搭建nginx服务

[root@nginx1 LNMP-C7]# tar zxvf nginx-1.12.2.tar.gz -C /opt	'//解压NGINX源码包'
[root@nginx1 LNMP-C7]# cd /opt/nginx-1.12.2/
[root@nginx1 nginx-1.12.2]# ./configure \
--prefix=/usr/local/nginx \
--user=nginx \
--group=nginx \
--with-http_stub_status_module		'//configure 配置'
[root@nginx1 nginx-1.12.2]# make && make install		'//编译安装'
[root@nginx1 nginx-1.12.2]# ln -s /usr/local/nginx/sbin/nginx /usr/local/sbin/		'//创建nginx命令软连接'
[root@nginx1 nginx-1.12.2]# nginx -t		'//检查语法'
nginx: the configuration file /usr/local/nginx/conf/nginx.conf syntax is ok
nginx: configuration file /usr/local/nginx/conf/nginx.conf test is successful
[root@nginx nginx-1.12.2]# vim /etc/init.d/nginx	'//创建nginx启动脚本'
#!/bin/bash	'//以下为启动脚本内容'
# chkconfig: - 99 20
# description: Nginx Service Control Script
PROG="/usr/local/nginx/sbin/nginx"
PIDF="/usr/local/nginx/logs/nginx.pid"
case "$1" in
  start)
   $PROG
   ;;
  stop)
   kill -s QUIT $(cat $PIDF)
   ;;
  restart)
   $0 stop
   $0 start
   ;;
  reload)
   kill -s HUP $(cat $PIDF)
   ;;
  *)
  		echo "Usage: $0 {start|stop|restart|reload}"
  		exit 1
esac
exit 0
[root@nginx nginx-1.12.2]# chmod +x /etc/init.d/nginx 	'//增加权限'
[root@nginx nginx-1.12.2]# chkconfig --add nginx	'//添加到service管理'
[root@nginx nginx-1.12.2]# service nginx start	'//开启nginx'
[root@nginx nginx-1.12.2]# netstat -ntap |grep 80
tcp        0      0 0.0.0.0:80              0.0.0.0:*               LISTEN      66115/nginx: master 
[root@nginx1 nginx-1.12.2]# systemctl stop firewalld.service 	'//关闭防火墙'
[root@nginx1 nginx-1.12.2]# setenforce 0

（2）Tomcat搭建

[root@tomcat Tomcat]# tar zxvf jdk-8u91-linux-x64.tar.gz -C /usr/local
[root@tomcat Tomcat]# vim /etc/profile
export JAVA_HOME=/usr/local/jdk1.8.0_91
export JRE_HOME=${JAVA_HOME}/jre
export CLASSPATH=.:${JAVA_HOME}/lib:${JRE_HOME}/lib
export PATH=${JAVA_HOME}/bin:$PATH
[root@tomcat Tomcat]# source /etc/profile
[root@tomcat Tomcat]# tar zxvf apache-tomcat-8.5.16.tar.gz -C /usr/local
[root@tomcat Tomcat]# cd /usr/local
[root@tomcat local]# mv apache-tomcat-8.5.16/ tomcat
[root@tomcat local]# cd tomcat/bin
[root@tomcat bin]# ln -s /usr/local/tomcat/bin/shutdown.sh /usr/local/bin
[root@tomcat bin]# ln -s /usr/local/tomcat/bin/startup.sh /usr/local/bin
[root@tomcat bin]# systemctl stop firewall
[root@tomcat bin]# setenforce 0
[root@tomcat bin]# startup.sh 
[root@tomcat bin]# netstat -ntap | grep 8080
tcp6       0      0 :::8080                 :::*                    LISTEN      22943/java

（3）配置动静分离

设置动态请求交由Tomcat处理

[root@nginx nginx-1.12.2]# cd /usr/local/nginx/conf/
[root@nginx conf]# vim nginx.conf
...省略内容
    server {
        listen       80;
        server_name  localhost;
        location ~.*.jsp$ {	'//添加以下内容'
          proxy_pass http://192.168.79.134:8080;	'//交由Tomcat处理'
          proxy_set_header Host $host;
        }
        #charset koi8-r;
...省略内容

设置静态网页内容，方便识别

[root@nginx conf]# cd ../html/
[root@nginx html]# vim index.html 
<!DOCTYPE html>
<html>
<head>
<title>欢迎来到静态页面</title>	'//修改标题'
<meta http-equiv="content-type" content="text/html;charset=utf-8">	'//设置支持中文字符集'
<style>
    body {
        width: 35em;
        margin: 0 auto;
        font-family: Tahoma, Verdana, Arial, sans-serif;
    }
</style>
</head>
<body>
<h1>欢迎来到德莱联盟</h1>	'//修改内容主题'
<p>If you see this page, the nginx web server is successfully installed and
working. Further configuration is required.</p>

<p>For online documentation and support please refer to
<a href="http://nginx.org/">nginx.org</a>.<br/>
Commercial support is available at
<a href="http://nginx.com/">nginx.com</a>.</p>

<p><em>这是一个静态网页.</em></p>	'//设置页尾内容'
</body>
</html>

[root@nginx html]# service nginx stop
[root@nginx html]# service nginx start	'//重启服务'

（4）Tomcat设置

设置被访问的动态网页内容

[root@tomcat local]# mkdir /usr/local/tomcat/webapps/test
[root@tomcat local]# vim /usr/local/tomcat/webapps/test/index.jsp
<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="java.util.Date" %>
<%@ page import="java.text.SimpleDateFormat" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>动态页面</title>
</head>
<body>
<div>动态页面</div>
</body>
</html>

（5）验证

（6）nginx处理静态图片，Tomcat处理动态页面配置

Tomcat指路径，nginx放图片目录名称需要和Java项目名称相同

Tomcat配置

[root@tomcat local]# vim /usr/local/tomcat/webapps/test/index.jsp
<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="java.util.Date" %>
<%@ page import="java.text.SimpleDateFormat" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>动态页面</title>
</head>
<body>
<div>动态页面</div><br>	'//添加图片'
<img src="aaa.jpg">
</body>
</html>

nginx配置

[root@nginx html]# cd ../conf
[root@nginx conf]# vim nginx.conf
...省略内容
    server {
        listen       80;
        server_name  localhost;
        location ~.*\.(gif|jpg|jpeg|png|bmp|swf|css)$ {	'//添加此段内容，匹配这些类型的文件'
          root html;	'//html站点目录'
          expires 30d;	'//缓存时间30天'
        }
        location ~.*.jsp$ {
          proxy_pass http://192.168.79.134:8080;
          proxy_set_header Host $host;
        }
...省略内容

[root@nginx conf]# cd ../html/
[root@nginx html]# mkdir test
[root@nginx html]# cd /mnt/LNMP
[root@nginx LNMP]# cp aaa.jpg /usr/local/nginx/html/test/
[root@nginx LNMP]# cd /usr/local/nginx/html/test/
[root@nginx test]# ls
aaa.jpg
[root@nginx test]# service nginx stop
[root@nginx test]# service nginx start

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2020-09-05 ，如有侵权请联系 cloudcommunity@tencent.com 删除

tomcat

nginx

负载均衡

负载均衡缓存

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度