学步园

通常，我们在使用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 是如何实现天地图底图以及其它底图服务（比如非标准墨卡托的地方坐标系底图服务）加载的呢？请听我下回分解。

    转载还请注明出处哦，谢谢各位！^_^~