naginx+tomcat實現動靜分離

時間 2020-07-11

標籤 naginx+tomcat naginx tomcat 實現動靜分離欄目 Tomcat 简体版

原文原文鏈接

本文設計的動靜分離結構css

在本文中，咱們將靜態資源放在 A 主機的一個目錄上，將動態程序放在 B 主機上，同時在 A 上安裝 Nginx 而且在 B 上安裝 Tomcat。配置 Nginx，當請求的是 html、jpg 等靜態資源時，就訪問 A 主機上的靜態資源目錄；當用戶提出動態資源的請求時，則將請求轉發到後端的 B 服務器上，交由 Tomcat 處理，再由 Nginx 將結果返回給請求端。html

提到這，可能有您會有疑問，動態請求要先訪問 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 爲幫您綁定和選擇。java

動靜分離的 Nginx 配置web

      # 轉發的服務器，upstream 爲負載均衡作準備
      upstream tomcat_server{
      server 192.168.8.23:8099;
      }
      server {
      listen       80;
      server_name localhost;
      #charset koi8-r;
      #access_log logs/host.access.log main;
      # 靜態資源存放目錄
      root /im;
      location / {
      root   html;
      index ak47.html index.html index.htm;
      }
      # 動態請求的轉發
      location ~ .*.jsp$ {
      proxy_pass http://tomcat_server;
      proxy_set_header Host $host;
      }
      # 靜態請求直接讀取
      location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|css)$ {
      expires      30d;
      } 後端

新建了一個im文件夾用來存放靜態圖片資源tomcat

其目的和咱們預期的同樣，動態的請求（以 .jsp 結尾）發到 B（192.168.8.23：8099，即 tomcat_server）上，而靜態的請求（gif|jpg 等）則直接訪問定義的im目錄服務器

接下來在 Tomcat 中新建 Web 項目，很簡單，咱們只爲其添加一個 test.jsp 文件，目錄結構如圖app

注意目錄，很簡單，在webapps下新建了一個簡單的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>result</div><br><img src="up3.png">
      </body>
      </html>webapp

測試一下，啓動tomcat，肯定是能夠訪問到的 http://localhost:8099/xs/index.jsp

一個很是簡單的 JSP 頁面，主要是使用 img 標籤來訪問 up3.png，咱們知道 index.jsp 在 B 服務器上，而 up3.png 在 A 服務器上。用於訪問 up3.png 的代碼裏不須要指定 A 的地址，而是直接使用相對路徑便可，就好像該圖片也在 B 上同樣，這就是本結構的一個優勢了。咱們在 A 上訪問 index.jsp 文件。(這裏假設一下，個人測試環境實際上是在一臺電腦上，服務器分開效果也是同樣的)

很是順利，徹底按照咱們的想法實現了動靜分離！

咱們將 Tomcat 的端口設置爲 8099，Nginx 的端口依然是 80。如今訪問 http://localhost:80/xs/index.jsp（未使用動靜分離）和訪問 http://localhost:8099/xs/index.jsp（使用了動靜分離）的效果是同樣的了。只是 8099端口的靜態資源由 Tomcat 處理，而 80 則是由 Nginx 處理。下圖未使用動靜分離：

這裏只是測試環境在win下，實際生產環境下，應該部署在Linux下，部署方式相差很少。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。