1. 程式人生 > >nginx+tomcat實現動靜分離

nginx+tomcat實現動靜分離

gif 配置文件 ase byte res rec 需要 names 情況

安裝nginx 所需要的環境

yum install -y gcc-c++

yum install -y pcre pcre-devel

yum install -y zlib zlib-devel

yum install -y openssl openssl-devel

安裝 wget 方便下載:yum install –y wget

下載nginx

wget http://nginx.org/download/nginx-1.14.2.tar.gz

安裝 nginx

tar zxvf nginx-1.14.2.tar.gz

cd nginx-1.14.2

./configure - -prefix=/usr/local/nginx – -with-http_stub_status_module – -with-http_ssl_module

make&&make install

配置nginx.conf (配置文件在文章最後)

安裝 配置 tomcat

先安裝jdk

下載:wget http://download.oracle.com/otn-pub/java/jdk/7u3-b04/jdk-7u3-linux-x64.rpm

安裝:rpm -ivh jdk-7u3-linux-x64.rpm

在/etc/profile裏設置環境變量:

JAVA_HOME= /usr/java/jdk1.7.0_80

CLASSPATH=$JAVA_HOME/lib:$JAVA_HOME/jre/lib

PATH=$PATH:$JAVA_HOME/bin:$JAVA_HOME/jre/bin

export PATH CLASSPATH JAVA_HOME

然後在source /etc/profile使這個改變生效

安裝tomcat

wget http://mirror.bit.edu.cn/apache/tomcat/tomcat-8/v8.5.37/bin/apache-tomcat-8.5.37.tar.gz

tar zxvf apache-tomcat-8.5.37.tar.gz

cp -R apache-tomcat-8.5.37 /usr/local/tomcat

啟動tomcat

/usr/local/tomcat/bin/startup.sh

下面我們來修改tomcat的首頁

我在$tomcat/webapps/下建了個html目錄作為我網站的默認目錄,在html中有一個index.html文件,該文件要作為我網站的默認主頁。

首先,修改$tomcat/conf/server.xml文件。在server.xml文件中,有一段如下:

……

<engine name=”Catalina” defaultHost=”localhost”>

<host name=”localhost” appBase=”webapps”

unpackWARs=”true” autoDeploy=”true”

xmlValidation=”false” xmlNamespaceAware=”false”>

……

<host>

</engine>

……

在<host></host>標簽之間添加上:

<Context path=”" docBase=”html” debug=”0″ reloadable=”true” />

技術分享圖片
path是說明虛擬目錄的名字,如果你要只輸入ip地址就顯示主頁,則該鍵值留為空;

docBase是虛擬目錄的路徑,它默認的是$tomcat/webapps/ROOT目錄,現在我在webapps目錄下建了一個html目錄,讓該目錄作為我的默認目錄。
debug和reloadable一般都分別設置成0和true。

然後,修改$tomcat/conf/web.xml文件。
在web.xml文件中,有一段如下:

<welcome-file-list>

<welcome-file>index.html</welcome-file>

<welcome-file>index.htm</welcome-file>

<welcome-file>index.jsp</welcome-file>

</welcome-file-list>

在<welcome-file-list>與<welcome-file>index.html</welcome-file>之間添加上:

<welcome-file>html</welcome-file>

技術分享圖片
修改完成之後,重啟tomcat即可看到index.html裏的內容

至此動靜分離就安裝成功了。

在/usr/local/tomcat/webapps/html建立名為index.jsp動態頁面:

<%@ page language=”java” contentType=”text/html; charset= UTF-8″

pageEncoding=”UTF-8″%>

<HTML>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8 “>

<title>Nginx動靜分離測試</title>

</head>

<body>

<h1>您正在訪問:10.4.0.41 </h1>

<img src=”/img/girl.jpg” alt=”女孩” />

</body>

</html>

添加一個圖片標簽,加載在Tomcat根目錄下 /webapps/html/img/girl.jpg圖片文件。啟動Tomcat測試是否能夠訪問。

帶上8080 端口圖片可以加載出來
技術分享圖片

不加端口圖片沒有加載出來 但是JSP頁面能訪問到

技術分享圖片

這是因為靜態資源訪問請求已經被Nginx攔截,

由Nginx進行處理。但是Nginx服務器的/usr/local/nginx/html/img 目錄下並沒有圖片資源,所以圖片沒有加載出來。index.jsp頁面能夠顯示,說明動態的請求已經轉發到了Tomcat,Tomcat對index.jsp進行了解析。

將tomcat上/webapps/html/img整個目錄拷貝到 Nginx服務器 /usr/local/nginx/html/img目錄下放置圖片文件。

最後沒有端口號的情況下圖片可以加載出來。

技術分享圖片

Nginx.conf 配置文件 如下:

worker_processes 8;

error_log /usr/local/nginx/logs/nginx_error.log crit;

pid /usr/local/nginx/nginx.pid;

worker_rlimit_nofile 65535;

events

{

use epoll;

worker_connections 65535;

}

http

{

include mime.types;

default_type application/octet-stream;

#charset gb2312;

server_names_hash_bucket_size 128;

client_header_buffer_size 32k;

large_client_header_buffers 4 32k;

client_max_body_size 8m;

sendfile on;

tcp_nopush on;

keepalive_timeout 60;

tcp_nodelay on;

fastcgi_connect_timeout 300;

fastcgi_send_timeout 300;

fastcgi_read_timeout 300;

fastcgi_buffer_size 64k;

fastcgi_buffers 4 64k;

fastcgi_busy_buffers_size 128k;

fastcgi_temp_file_write_size 128k;

gzip on;

gzip_min_length 1k;

gzip_buffers 4 16k;

gzip_http_version 1.0;

gzip_comp_level 2;

gzip_types text/plain application/x-javascript text/css application/xml;

gzip_vary on;

#limit_zone crawler $binary_remote_addr 10m;

server

{

listen 80;

server_name 148.70.13.215; ####test1.dl.com 的 ip 為 148.70.13.215

index index.html index.htm index.php;

root /usr/local/nginx/html;

#limit_conn crawler 20;

location ~ .*.(php|php5)?$

{#fastcgi_pass unix:/tmp/php-cgi.sock;

fastcgi_pass 127.0.0.1:9000;

fastcgi_index index.php;

include fastcgi.conf;

}

location ~ .*.(gif|jpg|jpeg|png|bmp|swf)$ ###所以的靜態文件人gif、jpg>等都在本地打開,存放的目錄為/usr/local/nginx/html,保存時間為30天

{

root /usr/local/nginx/html;

expires 30d;

}

location ~ (.jsp)|(.do)$

{

proxy_pass http://148.70.13.215:8080;

proxy_redirect off;

proxy_set_header HOST $host;

proxy_set_header X-Real-IP $remote_addr;

proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

client_max_body_size 10m;

client_body_buffer_size 128k;

proxy_connect_timeout 90;

proxy_send_timeout 90;

proxy_read_timeout 90;

proxy_buffer_size 4k;

proxy_buffers 4 32k;

proxy_busy_buffers_size 64k;

proxy_temp_file_write_size 64k;

}

location ~ .*.(js|css)?$

{

expires 1h;

}

log_format access ‘$remote_addr – $remote_user [$time_local] “$request” ‘

#’$status $body_bytes_sent “$http_referer” ‘

‘”$http_user_agent” $http_x_forwarded_for’;

access_log /usr/local/nginx/logs/access.log access;

}

server

{

listen 80;

server_name status.test1.dl.com;

location / {

stub_status on;

access_log off;

}

}

}

nginx+tomcat實現動靜分離