快捷導(dǎo)航

Node.js 路由的實(shí)現(xiàn)方法

更新時(shí)間：2019年06月05日 10:30:35 作者：以默軒然

這篇文章主要介紹了Node.js 路由的實(shí)現(xiàn)方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

我們平時(shí)工作中，涉及到后臺(tái)開(kāi)發(fā)，路由基本上是我們第一個(gè)需要建的，路由還是很重要的。

那么，什么是路由呢，通俗點(diǎn)舉個(gè)例子，一個(gè)賓館前臺(tái)，來(lái)了十位客人，前臺(tái)會(huì)安排十位客人入住，每位客人到達(dá)賓館以后，該去哪個(gè)房間，都是通過(guò)前臺(tái)來(lái)安排。（別噴我）

在一個(gè)域名下，會(huì)有很多個(gè)可訪問(wèn)的地址，這就是路由。

我們呢，要為路由提供請(qǐng)求的URL和其他需要的GET及POST參數(shù)，隨后路由需要根據(jù)這些數(shù)據(jù)，來(lái)決定執(zhí)行哪些代碼。/
因此，我們要查看HTTP請(qǐng)求，從中提取出來(lái)我們需要的URL以及GET/POST參數(shù)。
我們需要的這些數(shù)據(jù)都會(huì)包含在request對(duì)象中，該對(duì)象作為onRequest()回調(diào)函數(shù)的第一個(gè)參數(shù)傳遞。但是為了解析這些數(shù)據(jù)，我們需要額外的Node.js模塊，它們分別是url和querystring模塊。

          url.parse(string).query
                      |
      url.parse(string).pathname   |
            |          |
            |          |
           ------ -------------------
http://localhost:8888/start?foo=bar&hello=world
                ---    -----
                 |     |
                 |     |
       querystring.parse(queryString)["foo"]  |
                      |
             querystring.parse(queryString)["hello"]

也可以用querystring模塊來(lái)解析post請(qǐng)求體中的參數(shù)，下面會(huì)有代碼演示。

現(xiàn)在我們寫一段代碼，用來(lái)找出瀏覽器請(qǐng)求的URL路徑之前也寫到如何用node起serve

我們新建一個(gè)server.js 代碼如下

// 代碼route（）方法為第二個(gè)創(chuàng)建的router.js那的方法。我們?cè)谶@里使用
const http = require('http')
const url = require('url')

function start(route){
  function onRequest(request, response) {
    let pathName = url.parse(request.url).pathname // 通過(guò)url獲取到當(dāng)前訪問(wèn)路徑
    console.log('Request for ' + pathName + 'received.')
    route(pathName,response)
  }
  http.createServer(onRequest).listen(8888)
  console.log('Server has started')
}
exports.start = start

然后創(chuàng)建router.js

// 通過(guò)傳遞過(guò)來(lái)到pathname，來(lái)進(jìn)行不同的操作，如果是根目錄，打印hello world
// 如果是/index 打印 pathname :/index
// 如果是其他 打印404
function route(pathname,response) {
  console.log('About to route a request for ' + pathname)
  response.writeHead(200, {'Content-Type' : 'text/plain'})
  if(pathname == '/') {
    response.write('Hello World')
    response.end()
  }else if(pathname == '/index'){
    response.write('pathname :/index')
    response.end()
  } else {
    response.write('404')
    response.end()
  }
  
}
exports.route = route

真實(shí)環(huán)境肯定不會(huì)這么寫，這樣寫主要是理解路由的工作原理

接下來(lái)我們創(chuàng)建index.js 倒入我們寫好的兩個(gè)模塊。

const server = require('./server')
const router = require('./router')

server.start(router.route)

調(diào)用server下的start方法，把router那的route方法傳入進(jìn)去。整體的邏輯就出來(lái)了，通過(guò)server.js 創(chuàng)建http服務(wù)，通過(guò)node內(nèi)置模塊url獲取到當(dāng)前訪問(wèn)路徑，在通過(guò)router.js 對(duì)不同訪問(wèn)路徑進(jìn)行不同對(duì)代碼操作。

最終我們啟動(dòng)命令行輸入node index.js 隨后請(qǐng)求一個(gè)url 我們就會(huì)看到應(yīng)用輸出相應(yīng)對(duì)信息，這表明我們對(duì)HTTP服務(wù)器已經(jīng)在使用路由模塊了。并會(huì)將請(qǐng)求對(duì)路徑傳遞給路由，再由路由進(jìn)行接下來(lái)對(duì)操作。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: