企业官网建设流程全解析

长沙机械网站建设,自己制作手机app,西城网站建设公司,集团公司网页设计内容文章目录访问流程实验环境实验需求实验步骤1、搭建web01的静态资源2、搭建web02的动态资源3、部署lb014、验证访问流程 实验环境 系统服务服务内网地址CentOS7.7负载均衡Nginx Proxy10.0.0.5CentOS7.7静态资源Nginx Static10.0.0.7CentOS7.7动态资源Tomcat Server10.0.0.8 实验…文章目录访问流程实验环境实验需求实验步骤1、搭建web01的静态资源2、搭建web02的动态资源3、部署lb014、验证访问流程实验环境系统服务服务内网地址CentOS7.7负载均衡Nginx Proxy10.0.0.5CentOS7.7静态资源Nginx Static10.0.0.7CentOS7.7动态资源Tomcat Server10.0.0.8实验需求动静分离通过中间件将动态请求和静态请求进行分离, 分离资源, 减少不必要的请求消耗, 减少请求延时。好处: 动静分离后, 即使动态服务不可用, 但静态资源不会受到影响通过中间件将动态请求和静态请求分离实验步骤1、搭建web01的静态资源#安装nginx[rootweb01~]# yum -y localinstall nginx-1.20.2-1.el7.ngx.x86_64.rpm#编辑配置文件[rootweb01~]# cat /etc/nginx/conf.d/www.confserver{listen80;server_name www.jy.com;}location/{root/code/www;index index.html;location~*\.(png|jpg|gif)${root/code/www/images;}}#创建目录上传图片[rootweb01~]# mkdir /code/www/images[rootweb01 images]# ls1.png#启动服务[rootweb01~]# systemctl restart nginx[rootweb01~]# systemctl enable nginxCreated symlink from/etc/systemd/system/multi-user.target.wants/nginx.service to/usr/lib/systemd/system/nginx.service.2、搭建web02的动态资源#安装tomcat[rootweb02~]# yum install -y tomcat#启动tomcat[rootweb02~]# systemctl start tomcat#编写默认页面[rootweb02~]# mkdir /usr/share/tomcat/webapps/ROOT[rootweb02~]# vi /usr/share/tomcat/webapps/ROOT/java_test.jsp% page languagejavaimportjava.util.*pageEncodingutf-8%HTMLHEADTITLEJSPTest Page/TITLE/HEADBODY%Random randnewRandom();out.println(h1Random number:/h1);out.println(rand.nextInt(99)100);%/BODY/HTML3、部署lb01#安装nginx[rootlb01~]# yum -y localinstall nginx-1.20.2-1.el7.ngx.x86_64.rpm#编写配置文件vim/etc/nginx/proxy_params proxy_set_headerHost$http_host;proxy_set_headerX-Real-IP$remote_addr;proxy_set_headerX-Forwarded-For$proxy_add_x_forwarded_for;proxy_connect_timeout30;proxy_send_timeout60;proxy_read_timeout60;proxy_buffering on;proxy_buffer_size32k;proxy_buffers4128k;#编写反向代理配置文件[rootlb01~]# vim /etc/nginx/conf.d/proxy.confupstreamstatic{server10.0.0.7:80;}upstream java{server10.0.0.8:8080;}server{listen80;server_name www.jy.com;location/{root/web/www;index index.html;}location~.*\.(png|jpg|gif)${proxy_passhttp://static;includeproxy_params;}location~.*\.jsp${proxy_passhttp://java;includeproxy_params;}}## 编写页面文件[rootlb01~]# mkdir -p /web/www[rootlb01~]# vi /web/www/index.htmlhtml langenheadmeta charsetUTF-8/title测试ajax和跨域访问/titlescript srchttp://libs.baidu.com/jquery/2.1.4/jquery.min.js/script/headscript typetext/javascript$(document).ready(function(){$.ajax({type:GET,url:http://www.jy.com/java_test.jsp,#域名可以修改自己的后面是Tomcat创建的路径success:function(data){$(#get_data).html(data)},error:function(){alert(fail!!,请刷新再试!);}});});/scriptbodyh1测试动静分离/h1img srchttp://www.jy.com/1.png#修改为存放静态图片的 文件名字div idget_data/div/body/html#重启nginx[rootlb01~]# systemctl restart nginx#修改hosts文件172.16.1.5www.jy.com4、验证动态网页访问 “http://www.tf.com/java_test.jsp”,