阿里巴巴开源项目nginx_concat_module企业部署实例

公司的前端开发工程师今天找我,让我给他搞下淘宝的一个开源项目 nginx_concat_module 模块,将该模块添加到线上的nginx上去。

简介

nginx_concat_module 是淘宝研发的针对 nginx 的文件合并模块,主要用于合并前端代码减少 http 请求数。如果你的应用环境中部署了 nginx,那么可以考虑尝试此模块减少请求数。

部署:

1、准备工具

[root@tools-ops01-jz ~]# yum install gcc gcc-c++ make wget subversion -y
[root@tools-ops01-jz ~]# cd /usr/local/src
[root@tools-ops01-jz src]# wget http://down1.chinaunix.net/distfiles/openssl-0.9.8q.tar.gz
[root@tools-ops01-jz src]# tar zxf openssl-0.9.8q.tar.gz
[root@tools-ops01-jz src]# wget http://nchc.dl.sourceforge.net/project/pcre/pcre/8.32/pcre-8.32.tar.gz
[root@tools-ops01-jz src]# tar zxf pcre-8.32.tar.gz
[root@tools-ops01-jz src]#

2、从淘宝的svn取 nginx_concat_module 的源代码

[root@tools-ops01-jz src]# svn co http://code.taobao.org/svn/nginx_concat_module/trunk/  nginx_concat_module

这里需要注意:

由于Nginx在新版本中,使用了标准的 MIME-Type:application/javascript。而在nginx_concat_module模块目前版本的代码中,写的是 application/x-javascript 的类型。

[root@tools-ops01-jz src]# grep javascript nginx_concat_module/ngx_http_concat_module.c
    ngx_string("application/x-javascript"),

这样子就造成了,你安装该模块之后,对于js文件依旧不能合并,并且会报如下的400错误。

阿里巴巴开源项目nginx_concat_module企业部署实例

因此,我们最好在向nginx添加该模块之前,修改nginx_concat_module的源代码文件ngx_http_concat_module.c,将application/x-javascript更改为application/javascript,然后再编译安装即可!

修改后的效果如下:

[root@tools-ops01-jz src]# grep javascript nginx_concat_module/ngx_http_concat_module.c
    ngx_string("application/javascript"),


3、安装部署

[root@tools-ops01-jz src]# wget http://nginx.org/download/nginx-1.6.0.tar.gz
[root@tools-ops01-jz src]# tar zxf nginx-1.6.0.tar.gz
[root@tools-ops01-jz src]# useradd nginx -s /sbin/nologin
[root@tools-ops01-jz src]# cd nginx-1.6.0
[root@tools-ops01-jz nginx-1.6.0]# ./configure --user=nginx --group=nginx --prefix=/usr/local/nginx-1.6.0 --with-http_ssl_module --with-openssl=/usr/local/src/openssl-0.9.8q --with-pcre=/usr/local/src/pcre-8.32 --add-module=/usr/local/src/nginx-concat-master
[root@tools-ops01-jz nginx-1.6.0]# make
[root@tools-ops01-jz nginx-1.6.0]# make install
[root@tools-ops01-jz nginx-1.6.0]# ln -s /usr/local/nginx-1.6.0 /usr/local/nginx
[root@tools-ops01-jz nginx-1.6.0]# /usr/local/nginx -s reload

4、配置nginx_concat_module模块参数,使其生效

nginx_concat_module模块添加进nginx之后,我们需要对其进行配置才能够正常使用。配置的参数主要有如下几个:

concat on;                    # nginx_concat_module主开关
concat_max_files 10;    # 最大合并文件数
concat_unique on;       # 只允许同类型文件合并
concat_types text/html;   # 允许合并的文件类型,多个以逗号分隔。如:application/x-javascript, text/css

在使用中,如果在location 标签下配置就表示对当前的location生效,如果在server下就表示对server标签下的内容生效。需要注意的是,它可能会和你配置的rewrite规则干扰,因此请注意使用范围。

5、使用

[root@tools-ops01-jz nginx-1.6.0]# curl http://localhost/b.js
bbbbbbbbbbbbbbbbbbbbbbbbbbb
[root@tools-ops01-jz nginx-1.6.0]# curl http://localhost/a.js
aaaaaaaaaaaaaaaaaaaaaaaaaaa
[root@tools-ops01-jz nginx-1.6.0]# curl http://localhost/??a.js,b.js
aaaaaaaaaaaaaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbbbbbbbbbb

下面附上一些该模块相关的资料:

淘宝SVN关于该项目的信息:

http://code.taobao.org/p/nginx_concat_module/src/

github关系该项目的信息:

https://github.com/alibaba/nginx-http-concat/issues?q=is%3Aissue+is%3A403

本文出自 “Not Only Linux” 博客,请务必保留此出处http://nolinux.blog.51cto.com/4824967/1580194

分类:Web 时间:2015-05-09 人气:39
本文关键词: linux nginx nginx_concat_module
分享到:

相关文章

iOS 开发

Android 开发

Python 开发

JAVA 开发

开发语言

PHP 开发

Ruby 开发

搜索

前端开发

数据库

开发工具

开放平台

Javascript 开发

.NET 开发

云计算

服务器

Copyright (C) codeweblog.com, All Rights Reserved.

CodeWeblog.com 版权所有 闽ICP备15018612号

processed in 0.033 (s). 10 q(s)