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

前言

原创文章欢迎转载，请保留出处。
若有任何疑问建议，欢迎回复。
邮箱:Maxwell_nc@163.com

今天搜索了下，发现并没有类似的文章，虽然比较简单，但还是写个博文记录下，主要讲述如何搭建Nginx和配置DWZ框架。

---

安装Nginx

首先安装Nginx必须要的库，直接yum安装就行了，注意要在root权限下执行。

yum install pcre
yum install openssl
yum 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

如果成功启动后，打开火狐浏览器（要注意不要在脱机工作模式，在文件（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

打开火狐右键点击标签页（F5貌似不会刷新出新的页面），重新加载后出现403错误

这个是权限问题导致的，下面我们看看Nginx的设置：

vi /etc/nginx/nginx.conf 

Nginx默认使用的用户是nginx，我们的电脑上没有这个用户，所以会出现权限问题，修改为可以访问demo文件的用户，我这里修改为普通用户，你可以创建一个nginx用户赋予权限，但是不建议使用root用户。

保存后重启Nginx服务：

service nginx restart

打开火狐右键点击标签页（F5貌似不会刷新出新的页面），重新加载后出现DWZ的demo网页，试试选中一个页面测试能否使用，能使用则代表DWZ能够工作。

由于时间有限，下次有机会会更新下如何定制DWZ框架。