nodejs给文件链接添加md5

nodejs给文件链接添加md5

点点

2021-05-05 10:22 阅读 324 喜欢 0

因为没有用到webpack ,是java项目,所以准备做一个小工具,检索jsp或html中引用css js的地方,并根据对应的路径找到文件,对文件进行md5计算,最后给链接更新一个md5值,这样没有变化的就会缓存,有变化的就会从服务器更新。

大体思路

1.检索目标目录下的jsp 或 html 2.读取内容,根据正则找到 link 或 script 3.根据规则,找到对应的目录的文件 4.读取文件,计算MD5 5.更新回原来的地址 6.结束

代码实现

准备使用nodejs 来实现。

    //给jsp 或 html 中的css js 添加fileMd5值
    var fs = require('fs'),
readline = require('readline'),
path = require('path'),
join = path.join,
extname = path.extname,
async = require('async'),
colors = require('colors'),
url = require('url'),
crypto = require('crypto'),
qs = require('querystring');

    function AddMd5(directory,opts){
this.directory = directory;
this.fileList = [];
this.count = 0;
this.extList = opts.extList;//['.jsp','.html','.htm'];
this.exclude = opts.exclude;//['plugins'];
this.compress = opts.compress;
this.replace = opts.replace;//['${basepath}','${staticresdomain}','<%=basepath%>'];//替换字符串
return this;
 }
   //获得符合条件的文件
    AddMd5.prototype.getFiles = function(dirPath){
var thiz = this;
if(fs.existsSync(dirPath)){
    var files = fs.readdirSync(dirPath);
    if(files && files.length > 0){
        for(var i=0,max=files.length;i<max;i++){
            var temp = files[i];
            var filePath = join(dirPath,temp);
            var stats = fs.statSync(filePath);
            if(stats.isDirectory() && thiz.exclude.indexOf(temp) < 0){
                //继续
                thiz.getFiles(filePath);
            }else{
                var fileExt = extname(filePath).toLowerCase();
                if(thiz.extList.indexOf(fileExt) > -1){
                    //符合
                    thiz.fileList.push(filePath);
                }
            }
        }
    }
}
}
  AddMd5.prototype.start = function(){
var thiz = this,
    directory = thiz.directory;
thiz.getFiles(directory);
console.log('共计扫描到 '.green+(''+thiz.fileList.length).red+' 个符合条件的文件'.green);
async.mapLimit(thiz.fileList,5,function(item,cb){
    thiz.scan(item,cb);
},function(err,value){
    console.log('共计替换 '.green+(''+thiz.count).red +' 个链接'.green)
});
};

    AddMd5.prototype.scan = function(filePath,callback){
var thiz = this,compress = thiz.compress;
var is = fs.createReadStream(filePath);
var inter = readline.createInterface({input :is});
var strArr = '';
inter.on('line',function(line){
    var rst = thiz.checkLine(line);
    if(rst){//检查到有内容
        //处理并替换
        var type = rst.type;
        var md5 = rst.md5;
        //检索并替换
        var arr = /src[\s]*=[\s]*[\"\']?([^\'\"]*)[\'\"]?/i.exec(line);
        if(arr && arr.length > 0){
            var src = arr[1];
            var query = url.parse(src).query;
            var src2 = src.indexOf('?') > -1 ? src.substring(0,src.indexOf('?')) : src;
            var qsObj = qs.parse(query);
            qsObj.v = md5.substring(0,5);
            var qsStr = qs.stringify(qsObj);
            var newSrc= src2 + '?'+qsStr;
            line = line.replace(src,newSrc);
            console.log('替换 [ '.green+line.red+' ]'.green);
            thiz.count ++ ;
        }
    }
    strArr+=line+(compress ? '' : '\n');
});
inter.on('close',function(){
    //重新写入
    fs.writeFileSync(filePath,strArr);
    callback(null,null);
})
 };
     //根据文件路径获得FILEMD5
     AddMd5.prototype.getMd5 = function(filePath){
var buffer = fs.readFileSync(filePath);
var md5 = crypto.createHash('md5');
md5.update(buffer);
return md5.digest('hex').toLowerCase();
   };
     AddMd5.prototype.checkLine = function(str){
//检查字符串是否符合 link script 
var thiz = this,replace = thiz.replace,directory = thiz.directory;
str = str.toLowerCase().replace(/\s/g,'');
var rst = /\<script[\s\S]*src="([\$\{\}\w\.\/\<\%\=\>\?\&]*)"[\s\S]*\>[\s\S]*\<\/script\>/g.exec(str);
var src = '';
var type = '';
if(rst && rst.length > 0){
    src = rst[1];
    type = 'src';
}
rst = /^\<link[\s\S]*href="([\$\{\}\w\.\/\<\%\=\>\?\&]*)"[\s\S]*[\>|\/\>|\<\/link\>]$/g.exec(str);
if(rst && rst.length > 0 && rst[1].indexOf('favicon') < 0){
    src = rst[1];
    type = 'href';
}
if(src){
    if(replace && replace.length > 0){
        for(var i=0,max=replace.length;i<max;i++){
            src = src.replace(replace[i],'');
        }
    }
    var srcObj = url.parse(src);
    var query = srcObj.query;
    var filePath = join(directory,srcObj.pathname);
    if(fs.existsSync(filePath)){
        var fileMd5 = thiz.getMd5(filePath);
        return {
            md5 : fileMd5,
            query : query,
            filePath : srcObj.pathname,
            type : type
        };
    }
}
return null;
 };

 module.exports = AddMd5;

封装了一个命令行工具,以后就可以随意对某个目录进行压缩啦,发布后自己安装下就可以啦。

   npm install addmd5 -g

具体可以查看 https://github.com/chrunlee/addmd5

目前是最初的版本,很多地方还不严谨..尤其是我的正则比较烂。

转载请注明出处: http://sdxlp.cn/article/tianjia.html


如果对你有用的话,请赏给作者一个馒头吧 ...或帮点下页面底部的广告,感谢!!

赞赏支持
提交评论
评论信息(请文明评论)
暂无评论,快来快来写想法...
推荐
我们很多小伙伴们经常使用的手机微信,对手机微信里面的内容和功能了解的都是非常到位的。比如我们想要在手机里查看微信里面的聊天记录,分分钟就可以将其翻出来,但是电脑版微信的操作步骤和手机微信就不相同了,如果我们想在电脑微信上查看聊天记录应该怎么操作呢?
如果页面比较多的,一个页面一个页面的保存的话,就比较费劲了。一个自动抓取静态站资源的工具,可以在抓取静态站点的时候方便不少。
在日常生活中,微信是经常使用的社交通讯软件,其手机图标更是一成不变的一直都是一样,没有什么新意,所以很多用户想要知道手机微信图标怎么换成别的图标,带来新鲜感,下面就给小伙伴们分享一下手机微信图标换成别的图标教程。
在互联网的大时代,咱们都没有任何的隐私可言,我们在正规的网站浏览网页,过几个小时就会有客服给咱们打电话,各大平台也是给咱们推荐我们所浏览的东西。不买会一直给推荐,关掉个性设置,广告等还是会推荐。直到你购买,方才作罢。
现在时下qq是很多年轻的小伙伴重要的交流工具,很多热恋的情侣,整天没日没夜私发双方的照片。可也因为一点小事提了分手,可求原谅太难了!一没有保存对方照片不知道如何是好?但是小编带你如何解决这些疑惑。
随着科技的发展,钉钉的出现让很多的小伙伴们吃尽苦头,动不动的好忘记打卡,还得走回去再打,还有时间限制,动不动就罚钱,领导还会告诉小伙伴们,罚钱不是目的,目的是让小伙伴们养成好习惯,帮助小伙伴一起成长,嘿嘿,好东西来了,免费的呦!
在微信读书中,小伙伴们可以通过个人主页看到好友正在阅读的书、书架等等,有很多小伙伴不想让其他用户看到自己的阅读书架,该怎么将书架的书全部隐藏呢,下面就和点点一起来看看吧!
智能手机现在人手一台,手机QQ是现在最常用的社交、办公软件之一,有些小伙伴们想知道手机QQ怎么查找历史文件,接下来小编就给小伙伴们介绍一下具体的操作步骤。