最近公司的項目都完成了，工作很清閑，處理每天的日常巡檢工作外，我還整理了一下以前學習的筆記，現(xiàn)在把我的筆記share給大家。

一、什么是動靜分離

本文的動靜分離主要是通過nginx+tomcat來實現(xiàn)，其中nginx處理圖片、html等靜態(tài)的文件，tomcat處理jsp、do等動態(tài)文件。

二、結(jié)構(gòu)圖

三、安裝

1、安裝、配置nginx

下載nginx與pcre（如果需要使用正則，需要安裝pcre）

wget http://blog.s135.com/soft/linux/nginx_php/nginx/nginx-0.8.46.tar.gz

wget http://blog.s135.com/soft/linux/nginx_php/pcre/pcre-8.10.tar.gz

安裝pcre

tar zxvf pcre-8.10.tar.gz  
cd pcre-8.10/  
./configure  
make   
make install   cd ..

安裝nginx

tar zxvf nginx-0.8.46.tar.gz  
cd nginx-0.8.46/  
./configure --user=www --group=www --prefix=/usr/local/nginx --with-http_stub_status_module --with-http_ssl_module  
make    
make install  

nginx.conf配置

user  www www;  
 
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  test1.dl.com;              ####test1.dl.com的ip為10.1.88.176  
    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)$              ###所以的靜態(tài)文件人gif、jpg等都在本地打開，存放的目錄為/usr/local/nginx/html，保存時間為30天  
    {  
        root         /usr/local/nginx/html;   
    expires      30d;  
    }  
    location ~ (\.jsp)|(\.do)$                              ###所以jsp、do的動態(tài)請求都交給后面的tomcat處理  
    {  
    proxy_pass http://10.1.88.168: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;  
    }  
  }  
}  

2、安裝、配置tomcat

先安裝jdk

wget http://download.oracle.com/otn-pub/java/jdk/7u3-b04/jdk-7u3-linux-x64.rpm  
chmod 755 jdk-7u3-linux-x64.rpm  
rpm -ivh jdk-7u3-linux-x64.rpm  

JAVA_HOME=/usr/java/jdk1.7.0  
CLASSPATH=$JAVA_HOME/lib:$JAVA_HOME/jre/lib   
PATH=$PATH:$JAVA_HOME/bin:$JAVA_HOME/jre/bin   
export PATH CLASSPATH JAVA_HOME   

安裝tomcat

wget http://mirror.bjtu.edu.cn/apache/tomcat/tomcat-7/v7.0.25/bin/apache-tomcat-7.0.25.tar.gz  
tar zxvf apache-tomcat-7.0.25.tar.gz  
cp -R apache-tomcat-7.0.25 /usr/local/tomcat  

啟動tomcat

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

……  
<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" /> 

然后，修改$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> 

在test4建立test.jsp、test1.do文本，內(nèi)容如下

nginx的首頁內(nèi)容

現(xiàn)在nginx+tomcat就實現(xiàn)了動靜分離技術(shù)，如果大家還有什么疑問，請聯(lián)系我，我會及時的幫忙解答。

本文出自 “吟—技術(shù)交流” 博客，請務(wù)必保留此出處http://dl528888.blog.51cto.com/2382721/804596