設(shè)計(jì)公司給公司做網(wǎng)站用了方正字體app開發(fā)教程
簡(jiǎn)介
什么是動(dòng)靜分離？
通過中間件將動(dòng)態(tài)請(qǐng)求和靜態(tài)請(qǐng)求進(jìn)行分離。分離資源，減少不必要的請(qǐng)求消耗，減少請(qǐng)求延時(shí)。
動(dòng)靜分離的好處
動(dòng)靜分離以后，即使動(dòng)態(tài)服務(wù)不可用，靜態(tài)資源仍不受影響。
動(dòng)靜分離示意圖
動(dòng)靜分離應(yīng)用
主機(jī)規(guī)劃
| 主機(jī)名稱 | 主機(jī)地址 | 主機(jī)用途 | 備注 |
|---|---|---|---|
| k8s-master-1 | 192.168.108.129 | 負(fù)載均衡主機(jī) | Nginx Proxy |
| k8s-master-2 | 192.168.108.130 | 靜態(tài)資源主機(jī) | Nginx Static |
| k8s-master-3 | 192.168.108.131 | 動(dòng)態(tài)資源主機(jī) | Tomcat Server |
應(yīng)用
Nginx配置
靜態(tài)資源主機(jī)
- 信息
主機(jī)：192.168.108.130
路徑：/etc/nginx/conf.d/static.conf
- 配置
server {listen 8080;server_name location;root /www/static/app;index index.html index.htm;location ~* .*\.(png|jpg|gif)$ {root /www/static/app/images;}
}
- 資源
#靜態(tài)資源準(zhǔn)
mkdir -p /www/static/app/images
cd /www/static/app/images
#上傳靜態(tài)圖片#訪問頁(yè)面準(zhǔn)備
cat > /www/static/app/index.html << EOF
<img src="./ai-1.jpg" alt="Image-1"><img src="./ai-2.jpg" alt="Image-2"><img src="./ai-3.jpg" alt="Image-3">
EOFnginx -t
systemctl restart nginx
- 查看靜態(tài)資源
curl -iv 127.0.0.1:8080
動(dòng)態(tài)資源主機(jī)
- 安裝Tomcat
yum -y install tomcat
- 信息
主機(jī)：192.168.108.131
路徑：/usr/share/tomcat/webapps/ROOT/java_test.jsp
- 資源
mkdir -p /usr/share/tomcat/webapps/ROOT
cat > /usr/share/tomcat/webapps/ROOT/java_test.jsp << EOF
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<HTML><HEAD><TITLE>JSP Test Page </TITLE></HEAD><BODY><%Random rand = new Random();out.println("<h1>Random number:</h1>");out.println(rand.nextInt(99)+100);%></BODY>
</HTML>
EOF
- 查看動(dòng)態(tài)資源
curl -iv http://192.168.108.131:8080/java_test.jsp
負(fù)載均衡主機(jī)
- 信息
主機(jī)：192.168.108.129
路徑：/etc/nginx/conf.d/wangmingqu.conf
- 配置
upstream static {server 192.168.108.130:80;
}upstream java {server 192.168.108.131:8080;
}server {listen 80;server_name wang.mingqu.com;charset utf-8;location ~ .*\.(png|jpg|gif)$ {proxy_pass http://static;}location ~ .*\.jsp$ {proxy_pass http://java;}error_page 500 502 503 504 /50x.html;location = /50x.html {root /usr/share/nginx/html;}}
- 驗(yàn)證動(dòng)靜分離
#訪問動(dòng)態(tài)頁(yè)面
curl -iv http://wang.mingqu.com/java_test.jsp#訪問靜態(tài)頁(yè)面
curl -iv http://wang.mingqu.com/ai-1.jpg
動(dòng)態(tài)頁(yè)面
靜態(tài)頁(yè)面
