专栏首页用户7721898的专栏大点干!早点散----------Nginx+Tomcat动静分离

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

文章目录

  • 一、动静分离原理解析
    • 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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 手把手教你,嘴对嘴传达------Nginx网站服务(访问状态统计,基于域名,端口,IP的虚拟web主机访问)

    nginx -V查看已安装的Nginx是否包含HTTP_ STUB _STATUS模块

    不吃小白菜
  • 人生苦短,我用k8s--------------k8s集群二进制部署

    下面拓扑图还有一个harbor仓库没有说明,到时候部署在单独的一台服务器上即可

    不吃小白菜
  • 手把手教你,嘴对嘴传达------Nginx实现动静分离的两种方式

    在 Nginx的配置中,是通过 ocation配置段配合正则匹配实现静态与动态页面的不同处理方式

    不吃小白菜
  • Nginx超简单教程

    Nginx是一个高性能的http和反向代理服务器,其特点是占用内存小,并发能力强。Nginx专为性能优化而开发,性能是其最重要的考量,能经受高负载的考验,有报告...

    Java旅途
  • Nginx超简单教程

    Nginx是一个高性能的http和反向代理服务器,其特点是占用内存小,并发能力强。Nginx专为性能优化而开发,性能是其最重要的考量,能经受高负载的考验,有报告...

    Java旅途
  • systemd设置nginx开机自启动

    服务器每次重启,都需要手动启动一些服务,这不是一个程序员可以忍受的,难怪大家都喜欢写脚本。CentOS7之后已不再使用chkconfig管理启动项,而是使用sy...

    胡齐
  • 11条nginx优化方法助力你的运维生涯

    云豆贴心提醒,本文阅读时间5分钟 隐藏nginx header里版本号信息 1.查看版本号 ? 2.隐藏版本号 在nginx配置文件的http标签内加入“s...

    小小科
  • LNMP架构应用实战——Nginx服务介绍与安装

    应部分小伙伴的需求,今天给各位小伙伴位介绍下关于近几年特别火的nginx服务,同时也是运维屌丝们必须要掌握的WEB服务当中的一种,功能还是比较强大的,因...

    民工哥
  • Linux集群、Keepalived—Nginx高可用集群架构搭建

    高可用集群通常为2台服务器,一台工作,另一台作为冗余,当提供服务的机器宕机时,冗余将接替继续提供服务。 实现高可用的开源软件有:heartbeat、Keepa...

    阿dai学长
  • CentOS6.5环境安装nginx服务器及负载均衡配置操作详解

    本文实例讲述了CentOS6.5环境安装nginx服务器及负载均衡配置操作。分享给大家供大家参考,具体如下:

    砸漏

扫码关注云+社区

领取腾讯云代金券