溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

NodeJS中怎么利用express實(shí)現(xiàn)路徑映射

發(fā)布時(shí)間:2021-07-21 10:22:10 來(lái)源:億速云 閱讀:108 作者:Leah 欄目:web開(kāi)發(fā)

NodeJS中怎么利用express實(shí)現(xiàn)路徑映射,很多新手對(duì)此不是很清楚,為了幫助大家解決這個(gè)難題,下面小編將為大家詳細(xì)講解,有這方面需求的人可以來(lái)學(xué)習(xí)下,希望你能有所收獲。

路由(URL映射)

Express利用HTTP動(dòng)作提供了有意義并富有表現(xiàn)力的URL映射API,例如我們可能想讓用戶(hù)帳號(hào)的URL看起來(lái)像“/user/12”的樣子,下面的例子就能實(shí)現(xiàn)這樣的路由,其中與占位標(biāo)識(shí)符(本例為:id)相關(guān)的值可以被req.params獲取到。

app.get('/user/:id', function(req, res){

  res.send('user ' + req.params.id);

});

上例中當(dāng)我們?cè)L問(wèn)/user/12時(shí)返回“user 12”,CSSer注:app.get相當(dāng)于在服務(wù)器注冊(cè)了一個(gè)監(jiān)聽(tīng)get請(qǐng)求事件的偵聽(tīng)器,當(dāng)請(qǐng)求的URL滿(mǎn)足第一個(gè)參數(shù)時(shí),執(zhí)行后面的回調(diào)函數(shù),該過(guò)程是異步的。

路由是一個(gè)可以被內(nèi)部編譯成正則表達(dá)式的簡(jiǎn)單字符串,比如當(dāng)/user/:id被編譯后,被內(nèi)部編譯后的正則表達(dá)式字符串看起來(lái)會(huì)是下面的樣子(簡(jiǎn)化后):

復(fù)制代碼 代碼如下:


\/user\/([^\/]+)\/?

要實(shí)現(xiàn)復(fù)雜點(diǎn)的,我們可以傳入正則表達(dá)式直接量,因?yàn)檎齽t捕獲組是匿名的因此我們可以通過(guò)req.params進(jìn)行訪(fǎng)問(wèn),第一個(gè)捕獲組應(yīng)該是req.params[0],第二個(gè)應(yīng)該是req.params[1],以此類(lèi)推。

app.get(/^\/users?(?:\/(\d+)(?:\.\.(\d+))?)?/, function(req, res){

  res.send(req.params);

});

通過(guò)Linux的curl命令來(lái)測(cè)試我們定義的路由:

$ 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"]

下面是一些路由例子,以及與之相匹配的關(guān)聯(lián)路徑:

"/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

另外,我們可以通過(guò)POST方式提交json數(shù)據(jù),然后利用bodyParser中間件解析json請(qǐng)求體并把json數(shù)據(jù)返回給客戶(hù)端:

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)都沒(méi)有任何限制,即用戶(hù)可以傳入各種各樣數(shù)據(jù)類(lèi)型的id值,如果我們希望限制用戶(hù)id為數(shù)字,可以這樣寫(xiě)“/user/:id(\d+)”,這樣就能保證只有該占位符數(shù)據(jù)類(lèi)型為數(shù)值類(lèi)型才會(huì)進(jìn)行路由的相關(guān)處理。

路由控制

一 個(gè)應(yīng)用中可以定義多個(gè)路由,我們可以控制以令其轉(zhuǎn)向下一個(gè)路由,Express提供了第三個(gè)參數(shù)即next()函數(shù)。當(dāng)一個(gè)模式不被匹配時(shí),控制將被轉(zhuǎn)回 Connect(Express基于Connect模塊),同時(shí)中間件會(huì)繼續(xù)按照它們?cè)趗se()中增加的順序來(lái)執(zhí)行。當(dāng)多個(gè)定義的路由都可能匹配同一個(gè) URL時(shí)也是如此,除非某個(gè)路由并不調(diào)用next()且已將響應(yīng)輸出到客戶(hù)端,否則它們也將按順序執(zhí)行。

app.get('/users/:id?', function(req, res, next){

  var id = req.params.id;

  if (id) {

    // 一回注:如果在這里就將響應(yīng)內(nèi)容輸出給客戶(hù)端,那么后續(xù)的URL映射將不會(huì)被調(diào)用

  } else {

    next(); // 將控制轉(zhuǎn)向下一個(gè)符合URL的路由

  }

});

 

app.get('/users', function(req, res){

  // do something else

});

app.all()方法可以對(duì)所有HTTP動(dòng)作應(yīng)用單一調(diào)用入口,這在有些情況下很有用。下面我們使用該功能來(lái)從我們的模擬數(shù)據(jù)庫(kù)中加載一個(gè)用戶(hù),并把它分配給req.user。

var express = require('express')

 , app = express.createServer(); 

var users = [{ name: 'www.csser.com' }];

app.all('/user/:id/:op?', function(req, res, next){

 req.user = users[req.params.id];

 if (req.user) {

  next();

 } else {

  next(new Error('cannot find user ' + req.params.id));

 }

});

app.get('/user/:id', function(req, res){

 res.send('viewing ' + req.user.name);

});

app.get('/user/:id/edit', function(req, res){

 res.send('editing ' + req.user.name);

}); 

app.put('/user/:id', function(req, res){

 res.send('updating ' + req.user.name);

});

app.get('*', function(req, res){

 res.send('what???', 404);

});
app.listen(3000);

路由參數(shù)預(yù)處理

路由參數(shù)預(yù)處理通過(guò)隱式的數(shù)據(jù)處理,可以大幅提高應(yīng)用代碼的可讀性和請(qǐng)求URL的驗(yàn)證。假如你經(jīng)常性的從幾個(gè)路由獲取通用數(shù)據(jù),如通過(guò)/user/:id加載用戶(hù)信息,通常我們可能會(huì)這樣做:

app.get('/user/:userId', function(req, res, next){

 User.get(req.params.userId, function(err, user){

  if (err) return next(err);

  res.send('user ' + user.name);

 });

});

利用預(yù)處理后參數(shù)可以被映射到回調(diào)函數(shù),從而可以提供諸如驗(yàn)證、強(qiáng)制性改變值,甚至從數(shù)據(jù)庫(kù)中加載數(shù)據(jù)等功能。下面我們將調(diào)用app.param()并傳入 我們希望映射到某個(gè)中間件的參數(shù),可以看到我們接收了包含占位符(:userId)值的id參數(shù)。在這里可以與平常一樣進(jìn)行用戶(hù)數(shù)據(jù)加載以及錯(cuò)誤處理,并 能簡(jiǎn)單的通過(guò)調(diào)用next()將控制權(quán)轉(zhuǎn)向下一個(gè)預(yù)處理或路由(路徑控制)。

app.param('userId', function(req, res, next, id){

 User.get(id, function(err, user){

  if (err) return next(err);

  if (!user) return next(new Error('failed to find user'));

  req.user = user;

  next();

 });

});

這樣做,不僅向上面提到的可以大幅提高路由的可讀性,還能在整個(gè)應(yīng)用中共享該部分的邏輯實(shí)現(xiàn),達(dá)到復(fù)用目的。

app.get('/user/:userId', function(req, res){

 res.send('CSSer用戶(hù)為 ' + req.user.name);

});

對(duì)于簡(jiǎn)單的情況如路由占位符驗(yàn)證和強(qiáng)迫改變值,只需要傳入1個(gè)參數(shù)(支持1個(gè)參數(shù)),期間拋出的異常將自動(dòng)傳入next(err)。

app.param('number', function(n){ return parseInt(n, 10); });

也可以同時(shí)將回調(diào)函數(shù)應(yīng)用到多個(gè)占位符,比如路由/commits/:from-:to來(lái)說(shuō),:from和:to都是數(shù)值類(lèi)型,我們可以將它們定義為數(shù)組:

app.param(['from', 'to'], function(n){ return parseInt(n, 10); });

看完上述內(nèi)容是否對(duì)您有幫助呢?如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章,請(qǐng)關(guān)注億速云行業(yè)資訊頻道,感謝您對(duì)億速云的支持。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI