CentOS 6.5上搭建Nginx和配置DWZ架構

標籤：nginx   dwz   j-ui   ajax   jquery   

前言

原創文章歡迎轉載，請保留出處。若有任何疑問建議，歡迎回複。郵箱:[email protected]

今天搜尋了下，發現並沒有類似的文章，雖然比較簡單，但還是寫個博文記錄下，主要講述如何搭建Nginx和配置DWZ架構。

安裝Nginx

首先安裝Nginx必須要的庫，直接yum安裝就行了，注意要在root許可權下執行。

yum install pcreyum install opensslyum install zlib

接下來安裝Nginx，為了免得麻煩，我也打算用yum安裝，不過由於官方提供的yum源沒有Nginx，我們首先要修改一下

rpm -ivh http://nginx.org/packages/centos/6/noarch/RPMS/nginx-release-centos-6-0.el6.ngx.noarch.rpm

然後就可以使用yum安裝了：

yum install nginx

安裝後啟動Nginx服務測試下：

service nginx start

如果成功啟動後，開啟Firefox瀏覽器（要注意不要在離線工作模式，在檔案（F）-離線工作（W）中檢查），輸入

http://localhost

Nginx服務運行成功的結果：

如果失敗，注意檢查防火牆和瀏覽器設定。

配置DWZ架構

這個DWZ富用戶端架構已經改名j-ui了，不過我們還是使用舊版的穩定的1.1.4版。這個架構以HTML擴充的方式代替JavaScript代碼，基於JQuery的，可以非常方便的定製開發特定需求的UI組件，並以JQuery外掛程式的形式發布。架構完全開源，任何人都可以免費獲得一套完全的原始碼。

首先下載dwz的demo，這裡提供了一個
http://download.csdn.net/detail/maxwell_nc/8621337
把demo檔案夾解壓到一個目錄，我這裡是/home/max/dwz/dwzdemo
這裡要記住目錄，配置的時候需要用到。

修改Nginx設定檔

vi /etc/nginx/conf.d/default.conf 

修改如下：

主要修改了網站編碼方式改成utf-8，把root目錄修改成demo目錄，設定了重新導向405，防止405問題（由於訪問靜態檔案的時候只能使用GET方式，不能使用POST，在Nginx的0.6.33版以後就增加了一個405錯誤狀態代碼，不能用POST方式來請求靜態檔案，但是我們懶得修改dwz的代碼了，重新導向了405返回為200，就是如果遇到405，就當成200處理，這樣就不會出錯了）另外還把error_page給注釋了，關於這個default.conf還有別的配置方法，也可以通過添加location修改，這裡不詳細講。
完整的設定檔如下：

server {    listen       80;    server_name  localhost;    charset utf-8;    #charset koi8-r;    #access_log  /var/log/nginx/log/host.access.log  main;    location / {        root    /home/max/dwz/dwzdemo;    #root   /usr/share/nginx/html;    index  index.html index.htm;    error_page 405 =200 $1;    }    #error_page  404              /404.html;    # redirect server error pages to the static page /50x.html    #    #error_page   500 502 503 504  /50x.html;    #location = /50x.html {    #    root   /usr/share/nginx/html;    #}    # proxy the PHP scripts to Apache listening on 127.0.0.1:80    #    #location ~ \.php$ {    #    proxy_pass   http://127.0.0.1;    #}    # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000    #    #location ~ \.php$ {    #    root           html;    #    fastcgi_pass   127.0.0.1:9000;    #    fastcgi_index  index.php;    #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;    #    include        fastcgi_params;    #}    # deny access to .htaccess files, if Apache‘s document root    # concurs with nginx‘s one    #    #location ~ /\.ht {    #    deny  all;    #}}

這樣就配置好網站了。我們重啟Nginx服務：

service nginx restart

開啟Firefox右鍵點擊標籤頁（F5貌似不會重新整理出新的頁面），重新載入後出現403錯誤

這個是許可權問題導致的，下面我們看看Nginx的設定：

vi /etc/nginx/nginx.conf 

Nginx預設使用的使用者是nginx，我們的電腦上沒有這個使用者，所以會出現許可權問題，修改為可以訪問demo檔案的使用者，我這裡修改為普通使用者，你可以建立一個nginx使用者賦予許可權，但是不建議使用root使用者。

儲存後重啟Nginx服務：

service nginx restart

開啟Firefox右鍵點擊標籤頁（F5貌似不會重新整理出新的頁面），重新載入後出現DWZ的demo網頁，試試選中一個頁面測試能否使用，能使用則代表DWZ能夠工作。

由於時間有限，下次有機會會更新下如何定製DWZ架構。

CentOS 6.5上搭建Nginx和配置DWZ架構