我 們知道Express是一個基于NodeJS的非常優秀的服務端開發框架,本篇CSSer將提供express框架的route和route control章節,route實現了客戶端請求的URL的路徑映射功能,暫且譯為路由或URL映射吧。如果你還是不太理解,相信看完本篇文章將會有些收 獲的。
路由(URL映射)
Express利用HTTP動作提供了有意義并富有表現力的URL映射API,例如我們可能想讓用戶帳號的URL看起來像“/user/12”的樣子,下面的例子就能實現這樣的路由,其中與占位標識符(本例為:id)相關的值可以被req.params獲取到。
app.get('/user/:id', function(req, res){ res.send('user ' + req.params.id);}); 上例中當我們訪問/user/12時返回“user 12”,CSSer注:app.get相當于在服務器注冊了一個監聽get請求事件的偵聽器,當請求的URL滿足第一個參數時,執行后面的回調函數,該過程是異步的。
路由是一個可以被內部編譯成正則表達式的簡單字符串,比如當/user/:id被編譯后,被內部編譯后的正則表達式字符串看起來會是下面的樣子(簡化后):
代碼如下:
//user//([^//]+)//?
要實現復雜點的,我們可以傳入正則表達式直接量,因為正則捕獲組是匿名的因此我們可以通過req.params進行訪問,第一個捕獲組應該是req.params[0],第二個應該是req.params[1],以此類推。
app.get(/^//users?(?://(/d+)(?:/./.(/d+))?)?/, function(req, res){ res.send(req.params);}); 通過Linux的curl命令來測試我們定義的路由:
$ curl http://cssercom:3000/user[null,null]$ curl http://cssercom:3000/users[null,null]$ curl http://cssercom:3000/users/1["1",null]$ curl http://cssercom:3000/users/1..15["1","15"]
下面是一些路由例子,以及與之相匹配的關聯路徑:
"/user/:id"/user/12 "/users/:id?"/users/5/users "/files/*"/files/jquery.js/files/javascripts/jquery.js "/file/*.*"/files/jquery.js/files/javascripts/jquery.js "/user/:id/:operation?"/user/1/user/1/edit "/products.:format"/products.json/products.xml "/products.:format?"/products.json/products.xml/products "/user/:id.:format?"/user/12/user/12.json
另外,我們可以通過POST方式提交json數據,然后利用bodyParser中間件解析json請求體并把json數據返回給客戶端:
var express = require('express') , app = express.createServer();app.use(express.bodyParser());app.post('/', function(req, res){ res.send(req.body);});app.listen(3000); 通常我們所使用的占位符(比如/user/:id)都沒有任何限制,即用戶可以傳入各種各樣數據類型的id值,如果我們希望限制用戶id為數字,可以這樣寫“/user/:id(/d+)”,這樣就能保證只有該占位符數據類型為數值類型才會進行路由的相關處理。
新聞熱點
疑難解答
圖片精選