摘要:通常,我们在使用Node.js发送http请求时,一旦遇到404响应,Node.js内部会一直请求下去,直到超出它自己设定的响应时长,利用Node.js请求的几个事件与计时器,一旦超出设定的响应时长则立马终结请求。如此,进度条一直卡着的问题解决了。
通常,我们在使用nodejs发送http请求时,一旦遇到404响应,nodejs内部会一直请求下去,直到超出它自己设定的响应时长(最让人恶心的地方就是这个时长还是没法修改的。)很多人在这里碰到了麻烦。
以下这两段代码,可以解决这个一直请求404的问题。
function proxyTDTMapData(img,level,row,col){ var that = this,request = null,param = img.replace('_w',''); var filename = tdtimgDir+'/'+img+'_'+level+'_'+row+'_'+col+'.png'; path.exists(filename, function(exists) { if (exists) { readFileEntry(filename,that.res); }else{ var url = "//t0.tianditu.com/"+img+"/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=" + param + "&tileMatrixSet=w&TileRow=" + row + "&TileCol=" + col + "&TileMatrix=" + level + "&style=default&format=tiles"; httpGetWithTimeoutSupport(url,4000,function(response){ //console.log("have a response!"); if(200 == response.statusCode){ var size = 0; var chunks = []; response.on('data', function(chunk){ size += chunk.length; chunks.push(chunk); }); response.on('end', function(){ var data = Buffer.concat(chunks, size); that.res.writeHead(200, { 'Content-Type' : 'image/png', 'Content-Length' : data.length, 'Accept-Ranges' : 'bytes', 'Server' : 'Microsoft-IIS/7.5', 'X-Powered-By' : 'ASP.NET' }); that.res.write(data, "binary"); that.res.end(); fs.writeFile(tdtimgDir+'/'+img+'_'+level+'_'+row+'_'+col+'.png', data); }); }else{ readFileEntry(mapDir+"/null.png",that.res); } }).on("error",function(){ readFileEntry(mapDir+"/null.png",that.res); }); } }); }
function httpGetWithTimeoutSupport(options, timeout, callback) { var timeoutEvent; var req = http.get(options, function(res) { res.on("end", function() { clearTimeout(timeoutEvent); // console.log("end"); }) res.on("close", function(e) { clearTimeout(timeoutEvent); // console.log("close"); }) res.on("abort", function() { // console.log("abort"); }); res.on("error",function(){ try{ res.destory(); clearTimeout(timeoutEvent); //console.log("res error catch"); }catch(e){ } }); callback(res); }); req.on("timeout", function() { //console.log("request emit timeout received"); try{ if (req.res) { req.res.emit("abort"); } clearTimeout(timeoutEvent); req.abort(); }catch(e){ //console.log("req timeout failed!"); } }); req.on("error",function(){ try{ //console.log("req error catch"); }catch(e){ } }); timeoutEvent = setTimeout(function() { try{ req.emit("timeout"); }catch(e){ //console.log("timeout failed!"); } }, timeout); return req; }
其原理就是利用nodejs请求的几个事件与计时器,一旦超出设定的响应时长则立马终结请求。如此,进度条一直卡着的问题解决了。
细心的读者可能看到了
path.exists(filename, function(exists) { if (exists) { readFileEntry(filename,that.res); }else{...});
这段代码,其实这里做了一下服务端的图片缓存,一旦加载过的底图图片,直接从本地读取,极大的加快了地图的访问速度(这个在效率上提升了至少10倍)。
本文由职坐标整理发布,欢迎关注职坐标Node.js频道,学习更多WEB前端知识!
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号