当前位置:首页 > 技术文章 > 正文内容

nginx的动静分离,你真的懂吗?

arlanguage4个月前 (01-16)技术文章32

小白:伟哥,我最近在自学nginx,但动静分离这一块不是很懂,你能给我讲讲吗?

伟哥:没问题,今天我就给你设计一个简单的案例,让你学习一下。

一. 环境准备

  1. 服务器配置

服务器

功能

说明

192.168.241.5

nginx 服务器

安装最新1.24版本

192.168.241.5

静态资源服务器


192.168.51.5

动态资源tomcat服务器1


192.168.126.5

动态资源tomcat服务器2


  1. 静态资源配置

如果我们想配置静态资源,可以按如下步骤进行实现:

我们首先要登录192.168.241.5服务器上,然后执行cd /home/ 命令,切换到home目录。

接着执行 mkdir /home/static/hmtl 命令,创建一个静态资源页面目录,我们就在该目录中上传一个sr.html页面到 /home/static/hmtl中。

接着再执行mkdir /home/static/image命令,创建一个静态资源图片目录,然后上传一张图片11.jpg 到/home/static/image中。

具体使用什么图片和hmtl文件,大家可以。效果如下图,

  1. 动态资源配置

如果我们想进行动态资源配置,可以按如下步骤进行配置:

提前创建一个空白的web工程,并打好war包,比如dr.war;

然后登录到192.168.51.5服务器上;

接着把dr.war上传到 tomcat安装路径/webapps下;

接着启动tomcat服务器;

最后执行测试,此时访问http://192.168.51.5:8080/index.jsp即可。

我们也可以在另一台服务器进行同样的操作,比如192.168.126.5。

二. 动静分离

  1. 基本概念

所谓的动静分离,指的是把前端的静态资源和动态资源分开,分别放入不同的服务器,然后通过一些配置分开访问的一种手段,这种方案可以有效地提高访问效率。

2. 配置实现

接下来伟哥就给大家展示一下nginx的配置实现过程。

2.1配置文件路径

/usr/local/nginx/config/nginx.conf

第二步:编写工厂类QfBeanFactory.java

2.2 静态图片资源

#配置静态图片资源
location /image/ {
    root   /home/static/;
    index  index.html index.htm;
}

2.3 配置静态资源的html页面

#配置静态html资源

location /html/ {

    root   /home/static/;

    index  index.html index.htm;

}

2.4动态资源,设置反向代理

#配置动态jsp页面资源

location /jsp/ {

    proxy_pass http://dstomcat/;

}


# tomcat两台负载

upstream dstomcat{

    server 192.168.51.5:8080; 

    server 192.168.51.126:8080;

}

2.5启动nginx

#切到目录:/usr/local/nginx/sbin下

#启动nginx

./nginx

#刷新配置文件

./nginx -s reload

三. 测试结果

安装以上步骤,我们就把动静分离给配置完了,接下来我们来看看测试结果吧。

  1. 测试图片

我们先来看看访问图片的效果,如下图所示:

  1. 测试静态资源

再来看看对html页面的访问测试结果:

  1. 测试动态资源

最后是对动态资源jsp页面的访问结果,如下图所示:

以上就是动静分离的实现过程,现在你学会了吗?如果你还有疑问,可以在评论区留言哦。

扫描二维码推送至手机访问。

版权声明:本文由AR编程网发布,如需转载请注明出处。

本文链接:http://www.arlanguage.com/post/915.html

标签: nginx 8080
分享给朋友:

“nginx的动静分离,你真的懂吗?” 的相关文章

分享一段PHP代码的加密扩展 分享一段php代码的加密扩展怎么弄

介绍一个简洁、高性能、跨平台的 PHP7 代码加密扩展特点简单快速,经实测,几乎不影响性能兼容 OPcache、Xdebug 等其他扩展支持 Linux、macOS、Windows 等系统兼容 Apache、Nginx + PHP-fpm、命令行等运行模式加密算法较简单,这是出于速度考虑,但仍不易解...

Python WSGI 高性能服务器 - Gunicorn 简介

一、简介Gunicorn 意即 Green Unicorn,绿色独角兽。它是一个被广泛使用的高性能的 Python WSGI UNIX HTTP服务器,移植自Ruby的独角兽(Unicorn )项目。它具有如下特性:原生支持 WSGI、Django 和 Paster自动工作进程管理简单的 Pytho...

nginx命令——学习记录 nginx详细教程

nginx命令--学习记录查看80端口是否被占用netstat -ntlpnginx命令#/usr/local/nginx/sbin/nginx 启动命令#/usr/local/nginx/sbin/nginx -t 检测配置文件 #/usr/local/nginx/sbin/ngin...

PHP-性能优化 php性能最优化安全最大化

1 尽量静态化如果一个方法能被静态,那就声明它为静态的,速度可提高1/4,甚至我测试的时候,这个提高了近三倍。当然了,这个测试方法需要在十万级以上次执行,效果才明显。其实静态方法和非静态方法的效率主要区别在内存:静态方法在程序开始时生成内存,实例方法(非静态方法)在程序运行中生成内存,所以静态方法可...

01《Nginx 入门教程》Nginx 是什么?

关于 Nginx,百度百科的介绍如下:**Nginx (engine x)是一个开源、高性能的 HTTP 和反向代理 Web 服务器,同时也提供了 IMAP/POP3/SMTP 服务”。**首先,对 Web 服务器做一个简要说明:Web 服务器一般指网站服务器,是指驻留于因特网上某种类型计算机的程序...

Nuxt.js从0到1之入门教程

题外话:近来想把网站做下更新,从框架到内容的更新,但又不想放弃SEO的优势,日常工作用到vue.js在SEO方面劣势较多,果断选择了Nuxt.js,苦于国内文章抄袭的非常严重 如某n 某书,最终在稀土找到一篇像样的文章,以头条为平台记录网站改版全过程。此文章建议在PC端查看,涉及到代码部分,移动端查...