ホームページ > 記事 > バックエンド開発 > Nginx + Tomcat で動的分離と静的分離を実現

Nginx + Tomcat で動的分離と静的分離を実現

WBOYオリジナル: 2016-07-30 13:30:45966ブラウズ

メッセージは異なるプロトコルに基づいて送信されるため、一般的なネットワークアーキテクチャでは、フロントエンドは Apache または Nginx で静的リクエストを処理し、Tomcat が動的リクエストを処理して動的と静的分離を実現し、Web サイトとシステムのパフォーマンスを向上させます。

以下は、nginx+tomcat を使用してローカルに実装された動的および静的分離の主な手順を記録します。

1. Tomcat Web アプリケーション jsp ファイル

パス: D:nginx-1.8.0Tomcattomcat-node1webappsexamplesindex.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ page import="java.text.SimpleDateFormat"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Tomcat集群测试</title>
  </head>
  <body>
    <%
		out.println("["+request.getLocalAddr()+":" +request.getLocalPort()+"]" + "<br/>session id:" + session.getId()); 
    %>
	<h1>images:</h1>
	<img src="jsp/images/code.gif" />
  </body>
</html>

2. nginx メイン設定ファイル

upstream local_tomcat {
	   server localhost:18080;
       server localhost:18081;
	} 
	
    server {
        listen       80;
		server_name  localhost;

        location / {
            root   html;
            index  index.html index.htm;
        }
		
		# 所有静态请求都由nginx处理，存放目录为html
		location ~ \.(gif|jpg|jpeg|png|bmp|swf)$ {
			root	html;
		}
		
		# 所有动态请求都转发给tomcat处理
		location ~ \.(jsp|do)$ {
			proxy_pass	http://local_tomcat;
		}
		
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }

3. 静的ファイルをコピーします

にnginx ローカルディレクトリ。ここでは、利便性とディレクトリの一貫性のために、すべてのソースコードを nginx ノードにコピーします:

D:nginx-1.8.0Tomcattomcat-node1webappsexamples ==========> D:nginx -1.8。 0html例

4. テストスクリーンショット

URL にアクセスします: http://localhost/examples/index.jsp