通常，我们在使用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 是如何实现天地图底图以及其它底图服务（比如非标准墨卡托的地方坐标系底图服务）加载的呢？请听我下回分解。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
