通常,我们在使用nodejs发送http请求时,一旦遇到404响应,nodejs内部会一直请求下去,直到超出它自己设定的响应时长(最让人恶心的地方就是这个时长还是没法修改的。)很多人在这里碰到了麻烦。
我是在做arcgis地图项目的时候,客户提出需要使用天地图提供的底图服务,当时我直接使用silverlight客户端的Arcgis API进行http请求(同样是内部请求,不开源的东西就是这么让人郁闷),同样碰到了一个进度条一直卡在那的问题。经过调试发现,是由于底图加载请求超时的缘故,和nodejs一样,silverlight一直在进行请求直到超出它自己设定的响应时限。
于是,我当时正好有业余接触nodejs,觉得这个东西性能应该是不错的,至少比tomcat+java之流要好一些。于是,我着手写了一个nodejs的代理服务,用来请求天地图的底图。我当时以为nodejs碰到404时能直接结束请求,但是呢,这个问题好像是行业规范似的,它竟然也和silverlight一样不断的请求……索性上网查了会资料,得出了以下这两段代码,解决了这个一直请求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 = \"http://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倍)。
至于Arcgis API for Silverlight 是如何实现天地图底图以及其它底图服务(比如非标准墨卡托的地方坐标系底图服务)加载的呢?请听我下回分解。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
暂无评论内容