php 服务器实现js合并压缩

转载请注明出处^_^

http://blog.csdn.net/ibcker/article/details/10120755

一般写前端的难免会同时用到好几个js，js一多页面就各种崩溃了,今天无聊尝试了下php实现js的压缩，拿出来和大家分享一下

首先秉承面向对象复用的实现，当然要先google+github一番先

结果是确实有人做了类似的东西，所以嘛，挑一个来用，嗯，我挑这个 https://github.com/rgrove/jsmin-php

这个库压缩起来很简单，基本就JSMin::minify($jsStr)就哦了·

然后就是自己封装一下，让js文件访问能够智能地被压缩成一个文件返回

有了这个出发点，我们假设我要请求1.js 2.js两个文件，如果我请求http://xxx.com/jss.php?jss=1.js,2.js 就行了岂不是就能达到想要的效果了咩~？

ok，就这样开始

首先取参数

define(DIR_CACHE, './cache/'); //cache files dirdefine(DIR_JS, './jss/');//jss files dir

$params=trim($_GET['jss']);//get js file list$list=explode(',',$params);foreach ($list as $key => &$value) {if (!trim($value)) {unset($list[$key]);}else{$value=eregi_replace('\.+/', '', $value);}}

为了防止非法访问上层目录，加上了个正则替换，把./等给过滤了··

然后为了下次请求的时候能够省去再次压缩的时间（压缩js还是挺慢的，经过测试，压缩jquery的源文件就花去了接近一秒，天啊···），必须做个缓存

那就建个cache目录被，然后就是md5一下文件名存一份压缩后的数据

但还有一个问题是js加载的先后是能影响页面最终的效果的，所以····你懂的，得把最终压缩后的单个文件和拼串后的文件都缓存一份，例如再次访问http://xxx.com/jss.php?jss=2.js,1.js我们就不直接取上次缓存的最终文件了，而是取出2.js的压缩文件和1.js的压缩文件进行拼接，然后再缓存一份2.js1.js的副本

代码大概如下

$path=DIR_CACHE.$product;if (file_exists($path)) {//if exist product cache$contents=file_get_contents($path);echo $contents;}else{$contents='';foreach ($list as $file) {$path=DIR_CACHE.md5($file).'.js';if (file_exists($path)) {//if exist file cache$contents.=file_get_contents($path);$contents.=' ';}else{$path=DIR_JS.$file;if(file_exists($path)){$temp=JSMin::minify(file_get_contents($path));write2cache($temp,$file);$contents.=$temp;$contents.=' ';}}}if ($contents) {write2cache($contents,$product);echo $contents;}}

然后就是写缓存，这个简单了···直接上代码吧·

function write2cache($contents,$name){$name=md5($name).'.js';$fh=fopen(DIR_CACHE.$name,"w");if ($fh) {fwrite($fh, $contents);fclose($fh);return true;}return false;}

好，基本就这样了··经测试效果杠杠的~~

对了，目录下自己创建两个目录，一个是jss，用来放需要压缩的js文件(里面可以再建文件夹分类)，另一个是cache，用来缓存压缩后的文件。

结构基本如下

完整代码：

<?require 'jsmin.php';define(DIR_CACHE, './cache/'); //cache files dirdefine(DIR_JS, './jss/');//jss files dirheader("Content-Type: text/javascript; charset=UTF-8");$params=trim($_GET['jss']);//get js file list$list=explode(',',$params);foreach ($list as $key => &$value) {if (!trim($value)) {unset($list[$key]);}else{$value=eregi_replace('\.+/', '', $value);}}$product=md5(json_encode($list)).'.js';//create product file name for cache$path=DIR_CACHE.$product;if (file_exists($path)) {//if exist product cache$contents=file_get_contents($path);echo $contents;}else{$contents='';foreach ($list as $file) {$path=DIR_CACHE.md5($file).'.js';if (file_exists($path)) {//if exist file cache$contents.=file_get_contents($path);$contents.=' ';}else{$path=DIR_JS.$file;if(file_exists($path)){$temp=JSMin::minify(file_get_contents($path));write2cache($temp,$file);$contents.=$temp;$contents.=' ';}}}if ($contents) {write2cache($contents,$product);echo $contents;}}function write2cache($contents,$name){$name=md5($name).'.js';$fh=fopen(DIR_CACHE.$name,"w");if ($fh) {fwrite($fh, $contents);fclose($fh);return true;}return false;}

 github地址

文件就不传了，过两天把css的压缩也写一起再直接github ·^_^