哈尔滨建站的网站网页,网店设计风格有哪些,wordpress图床首页无缩略图,微信公众号推广营销1、相关概念
静态资源 .html .jpg .css .js等#xff0c;没有后台数据库#xff0c;不含程序#xff08;如php、jsp、asp等#xff09;的网页
动态资源 需要访问数据库的资源都属于动态资源
静态请求 用户发起的请求只访问到前端资源#xff0c;不访问数据库
动态请求…1、相关概念
静态资源 .html .jpg .css .js等没有后台数据库不含程序如php、jsp、asp等的网页
动态资源 需要访问数据库的资源都属于动态资源
静态请求 用户发起的请求只访问到前端资源不访问数据库
动态请求 用户发起的请求访问后端资源访问数据库如用户注册、登录
动静分离 又叫前后端分离通过中间件将前端代码和后端代码分开。通过nginx实现动静分离即通过nginx反向代理、负载均衡配置规则实现让动态资源和静态资源及其他业务分别由不同的服务器解析以解决网站性能、安全、用户体验等问题。
动静分离的好处 动静分离后即使动态服务不可用但静态资源不会受到影响。也可以减少不必要的请求消耗同时能减少请求的延时。
2、动静分离实践
单台服务器实现动静分离
location / { root /code/wordpress; index.php;}location ~* \.(png|jpg|mp4|)${ root /code/wordpress/images; gzip on; .....}location ~ \.php$ { fastcgi_pass 127.0.0.1:9000; .....}
多台服务器实现动静分离 实践环境
主机名外网IP角色应用lb0110.0.0.5负载均衡调度动静资源nginxweb0210.0.0.8静态服务器nginxweb0310.0.0.9动态服务器tomcat
2.1、根据URL地址不同实现代理转发
根据HTTP的URL进行转发通常称为第七层的负载均衡而LVS的负载均衡一般用于TCP等的转发被称为第四层的负载均衡。
企业中有时希望只用一个域名对外提供服务不希望使用多个域名对应同一个产品业务此时就需要在代理服务器上通过配置规则使得匹配不同规则的请求会交给不同的服务器池处理。这类业务有以下几种
1、动静分离、多业务服务分离
2、不同客户端设备使用同一个域名访问同一个业务时案例见下节
负载均衡器如lb01上示例配置如下
http{ ... upstream static_pools { server 10.0.0.7:80 weight1; upstream upload_pools { server 10.0.0.8:80 weight1; upstream default_pools { server 10.0.0.9:80 weight1; server { listen 80; server_name www.etiantian.org; location / { proxy _pass http://default pools; include ...; } location /static/ { proxy_pass http://static pools; include proxy.conf; } location /upload/ { proxy pass http: //upload pools; include proxy.conf; }
上面配置可实现
当用户请求 http://www.etiantian.org/upload/x 地址的时候代理会分配请求到上传服务器池 (upload_pools ) 处理数据当用户请求 http://www.etiantian.org/static/x 地址的时候代理会分配请求到静态服务器池static_pools请求数据当用户请求 http://www.etiantian.org/x 地址的时候即不包含上述指定的目录地址路径时代理会分配请求到默认的动态服务器池请求数据注意上面的x表示任意路径)。
2.2、 根据文件扩展名不同实现代理转发
示例配置如下
location ~ .*.(jpg|jpeg|png|gif|bmp|css|js)$ { proxy_pass http://static_pools; include /etc/nginx/conf.d/proxy_params; } location ~ .*.(jsp|php|php3|php5) { proxy_pass http://dynamic_pools; include /etc/nginx/conf.d/proxy_params; }
实践如下
a. 部署前端代码静态资源web02
# web02[rootweb02 /etc/nginx/conf.d]# vim static.confserver { listen 80; server_name pic.xxx.com; root /code; index index.html; location ~* .*\.(jpg|png|gif)$ { root /code/images;}}
# 创建站点目录mkdir -p /code/images# 部署前端代码echo 这个是静态资源页面 /code/index.html[rootweb02 /code]# echo 这个是静态资源页面 /code/index.html[rootweb02 /code]# lltotal 4drwxr-xr-x 2 root root 6 Oct 21 10:08 images-rw-r--r-- 1 root root 28 Oct 21 10:32 index.html# 放入图片[rootweb02 /code/images]# lltotal 168-rw-r--r-- 1 root root 82354 Sep 16 14:58 1.jpg# 检查语法重载nginxnginx -tsystemctl reload nginx# 域名解析、访问10.0.0.8 pic.xxx.com
b. 部署后端动态资源web03 # web03# 安装部署tomcat并启动[rootweb03 ~]# yum install -y tomcat[rootweb03 ~]# systemctl start tomcat[rootweb03 ~]# netstat -lntup |grep javatcp6 0 0 :::8009 :::* LISTEN 7222/java tcp6 0 0 :::8080 :::* LISTEN 7222/java tcp6 0 0 127.0.0.1:8005 :::* LISTEN 7222/java
# 部署后端代码需要在站点目录里面创建一个ROOT目录mkdir /usr/share/tomcat/webapps/ROOTecho tomcat test /usr/share/tomcat/webapps/ROOT/index.html[rootweb03 /usr/share/tomcat/webapps/ROOT]# lltotal 4-rw-r--r-- 1 root root 12 Oct 21 11:04 index.html# 浏览器访问10.0.0.9:8080 [rootweb03 /usr/share/tomcat/webapps/ROOT]# vim test.jsp% page languagejava importjava.util.* pageEncodingutf-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[rootweb03 /usr/share/tomcat/webapps/ROOT]# lltotal 8-rw-r--r-- 1 root root 12 Oct 3 14:55 index.html-rw-r--r-- 1 root root 361 Oct 3 14:59 test.jsp
# 浏览器访问10.0.0.9:8080/test.jsp
c. lb01负载均衡配置调度
[rootlb01 /etc/nginx/conf.d]# vim proxy_ds.confupstream static_pools { server 172.16.1.8:80;}upstream java_pools { server 172.16.1.9:8080;}server { listen 80; server_name pic.xxx.com; location ~* \.(jpg|png|gif)$ { proxy_pass http://static_pools; include /etc/nginx/conf.d/proxy_params; } location ~ \.jsp { proxy_pass http://java_pools; include /etc/nginx/conf.d/proxy_params; }}# 检查语法重启nginx[rootlb01 /app/nginx/sbin]# ./nginx -t[rootlb01 /app/nginx/sbin]# ./nginx -s reload# 本地域名解析10.0.0.5 pic.xxx.com#10.0.0.8 pic.xxx.com
通过负载均衡访问动态与静态资源 动态资源http://pic.xxx.com/test.jsp 静态资源http://pic.xxx.com/1.jpg d. 资源整合实现在一个页面同时显示动态与静态资源
# 整合修改配置文件。在上面配置文件中加入location层
[rootlb01 /etc/nginx/conf.d]# vim proxy_ds.confupstream static_pools { server 172.16.1.8:80;}upstream java_pools { server 172.16.1.9:8080;}server { listen 80; server_name pic.xxx.com; location / { #//这里 root /code; index index.html; } location ~* \.(jpg|png|gif)$ { proxy_pass http://static_pools; include /etc/nginx/conf.d/proxy_params; } location ~ \.jsp { proxy_pass http://java_pools; include /etc/nginx/conf.d/proxy_params; }}
# 创建站点目录编写整合后的html文件[rootlb01 ~]# mkdir /code[rootweb01 /code]# vim index.htmlhtml langenhead meta charsetUTF-8 / title测试ajax和跨域访问/title script srchttp://libs.baidu.com/jquery/2.1.4/jquery.min.js/script/headscript typetext/javascript$(document).ready(function(){ $.ajax({ type: GET, url: http://pic.xxx.com/test.jsp, success: function(data){ $(#get_data).html(data) }, error: function() { alert(失败了,回去检查你服务); } });});/script body h1动静分离测试/h1 img srchttp://pic.xxx.com/1.jpg div idget_data/div /body/html# 检查语法重载nginx[rootlb01 /app/nginx/sbin]# ./nginx -t[rootlb01 /app/nginx/sbin]# ./nginx -s reload
# 访问pic.xxx.com 可以尝试关掉静态或者动态服务测试是否互不影响。
systemctl stop nginxsystemctl stop tomcat
