開發環境中將線上路徑映射到本地路徑的方法

　　平常開發過程當中，咱們常常須要修改一些放在 CDN 上的靜態文件（如 JavaScript、CSS、HTML 文件等），這個過程當中，咱們但願能有一種方式將線上 CDN 的目錄映射爲本地硬盤上的某個目錄，這樣，當咱們在本地修改了某個文件時，不須要發佈，刷新後立刻能看到效果。

　　好比，咱們的 CDN 域名是：http://a.mycdn.com，本地對應的目錄是：D:\work\assets，咱們但願全部對 http://a.mycdn.com/* 的訪問被映射到本地的 D:\work\assets\* 下。如訪問 http://a.mycdn.com/s/atp.js 時，其實是讀取的是本地的 D:\work\assets\s\atp.js，而不須要從網上下載線上的文件。

　　實現這個功能很簡單，關鍵點以下：

　　一、在本地開啓一個 HTTP 服務，監聽 80 端口；
　　二、修改系統 hosts 文件，添加「127.0.0.1 a.mycdn.com」，將 CDN 域名綁定爲本地服務器地址；
　　三、配置本地 HTTP 服務，接收到一個 GET 請求後，先檢查本地硬盤上是否存在對應的文件，如存在，則返回這個文件的內容，如不存在，則返回線上對應的內容。

　　能夠看到，關鍵部分是須要搭建一個本地的 HTTP 服務。這方面有不少教程，好比在本地安裝 Apache 或 Ngnix 等服務器軟件，再配置相應的轉發規則等。不過我的以爲這類方法仍是有點複雜，本文要介紹的，是另外的不須要安裝服務器軟件的方法。

　　由於咱們是在本地開發調試，對性能、併發性的要求並不高，所以咱們其實並不須要一個像 Apache/Ngnix 這樣的專業的 HTTP 軟件，咱們只須要一段能提供 HTTP 服務的腳本便可。好比用 nodejs 來實現。

01

/**

02	* author: oldj

03	* blog: http://oldj.net

04

*

05

**/

06

07	var http = require("http"),

08	url = require("url"),

09	path = require("path"),

10	fs = require("fs"),

11	local_folders,

12

base_url;

13

14	local_folders = [ // 本地路徑，代理將在這個列表中的目錄下尋找文件，若是沒有找到則轉到線上地址

15	"D:/work/assets"

16

];

17	base_url = "http://10.232.133.214"; // 線上路徑，若是找不到文件，則轉向到這個地址

18

19

20	function loadFile(pathname, response) {

21	var i, l = local_folders.length,

22

fn;

23

24	console.log("try to load " + pathname);

25

26	for (i = 0; i < l; i++) {

27

28	fn = local_folders[i] + pathname;

29	if (path.existsSync(fn) && fs.statSync(fn).isFile()) {

30	fs.readFile(fn, function (err, data) {

31	response.writeHead(200);

32	response.write(data);

33	response.end();

34

});

35

36

return;

37

}

38

39

}

40

41	response.writeHead(302, {

42	"Location":base_url + pathname

43

});

44	response.end();

45

}

46

47	http.createServer(

48	function (request, response) {

49

50	var req_url = request.url,

51

pathname;

52

53	// 處理相似 http://a.tbcdn.cn/??p/global/1.0/global-min.css,tbsp/tbsp.css?t=20110920172000.css 的請求

54	pathname = req_url.indexOf("??") == -1 ? url.parse(request.url).pathname : req_url;

55	console.log("Request for '" + pathname + "' received.");

56	loadFile(pathname, response);

57

58	}).listen(80);

　　注意將上面的 local_folders 和 base_url 兩個變量的值修改成你須要的值。將這個文件保存下來，好比保存爲 local-cdn-proxy.js，而後在命令行裏執行「node local-cdn-proxy.js」，本地服務器就運行起來了，固然，別忘了綁定 hosts 。

　　當經過 http 訪問一個路徑時，上面的腳本會先在本地對應的目錄下查找，找到則返回對應文件的內容，找不到則直接 302 跳轉到線上對應的地址。對於找不到的狀況，還有一種處理辦法是由本地服務器從線上下載對應的內容並返回，不過對這個需求來講，302 跳轉就足夠了。

　　除了 nodejs 版本，我也寫了一個 Python 的版本：

01	# -*- coding: utf-8 -*-

02

#

03	# author: oldj

04	# blog: http://oldj.net

05

#

06

07

import os

08	import BaseHTTPServer

09

10	LOCAL_FOLDERS = [

11	"D:/work/assets"

12

]

13	BASE_URL = "http://10.232.133.214"

14

15	class WebRequestHandler(BaseHTTPServer.BaseHTTPRequestHandler):

16

17	def do_GET(self):

18	print "Request for '%s' received." % self.path

19	for folder in LOCAL_FOLDERS:

20	fn = os.path.join(folder, self.path.replace("/", os.sep)[1:])

21	if os.path.isfile(fn):

22	self.send_response(200)

23	self.wfile.write(open(fn, "rb").read())

24

break

25

26

else:

27	self.send_response(302)

28	self.send_header("Location", "%s%s" % (BASE_URL, self.path))

29

30	server = BaseHTTPServer.HTTPServer(("0.0.0.0", 80), WebRequestHandler)

31	server.serve_forever()

　　能夠看到，Python 版本的代碼比 nodejs 版本的精簡了不少。

　　上面的兩段代碼的功能還相對比較簡單，好比沒有輸出內容的 MIME-Type、Content-Length 等頭信息，對可能的阻塞操做（如讀取文件超時等）也沒有作特別的處理。對於本地開發環境來講，它們已是能夠工做的版本了，你也能夠繼續擴展這兩個腳本，以便知足更多的需求。