成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

用Node提供靜態(tài)文件服務(wù)

gecko23 / 2454人閱讀

摘要：前言對(duì)于一個(gè)應(yīng)用，提供靜態(tài)文件圖片服務(wù)常常是必須的。本文將介紹如何做一個(gè)自己的靜態(tài)文件服務(wù)器。雖然已經(jīng)品嘗到了成功的滋味，但這個(gè)靜態(tài)文件服務(wù)器還不夠完整，因?yàn)樗苋菀壮鲥e(cuò)。

前言

對(duì)于一個(gè)web應(yīng)用，提供靜態(tài)文件（CSS、JavaScript、圖片）服務(wù)常常是必須的。本文將介紹如何做一個(gè)自己的靜態(tài)文件服務(wù)器。

創(chuàng)建一個(gè)靜態(tài)文件服務(wù)器

每個(gè)靜態(tài)文件服務(wù)器都有個(gè)根目錄，也就是提供文件服務(wù)的基礎(chǔ)目錄。所以我們要在即將創(chuàng)建的服務(wù)器上定義一個(gè)root變量，它將作為我們這個(gè)靜態(tài)文件服務(wù)器的根目錄：

var http = require("http")
var join = require("path").join
var fs = require("fs")

var root = __dirname

__dirname 在Node中是一個(gè)神奇的變量，它的值是該文件所在目錄的路徑。在本例中，服務(wù)器會(huì)將這個(gè)腳本所在的目錄作為靜態(tài)文件的根目錄。

有了文件的路徑，還需要傳輸文件的內(nèi)容。
這可以用fs.ReadStream完成，它是Node中Stream類之一。成功調(diào)用 fs.createReadStream() 會(huì)返回一個(gè)新的 fs.ReadStream 對(duì)象。
下面的代碼實(shí)現(xiàn)了一個(gè)簡(jiǎn)單但功能完備的文件服務(wù)器。

var server = http.createServer(function(req, res){
  let path = join(root, req.url)
  let stream = fs.createReadStream(path)
  stream.on("data", function(chunk){
    res.write(chunk)
  })
  stream.on("end", function(){
    res.end()
  })
})

server.listen(3000)

這個(gè)文件服務(wù)器大體能用，但還有很多細(xì)節(jié)需要考慮。接下來(lái)我們要優(yōu)化數(shù)據(jù)的傳輸，同時(shí)也精簡(jiǎn)一下服務(wù)器的代碼。

用STREAM.PIPE()優(yōu)化數(shù)據(jù)傳輸

雖然上面的代碼看上去還不錯(cuò)，但Node還提供了更高級(jí)的實(shí)現(xiàn)機(jī)制：Stream.pipe()。用這個(gè)方法可以極大簡(jiǎn)化服務(wù)器的代碼。 優(yōu)化后代碼如下：

var server = http.createServer(function(req, res){
  let path = join(root, req.url)
  let stream = fs.createReadStream(path)
  stream.pipe(res)
})

server.listen(3000)

這種寫(xiě)法，是不是更簡(jiǎn)單，更清晰了呢？

理解流和管道

流是Node中很重要的一個(gè)概念，你可以把Node中的管道想象成水管，如果你想讓某個(gè)源頭（比如熱水器）流出來(lái)的水流到一個(gè)目的地（比如廚房的水龍頭），可以在中間加一個(gè)管道把它們連起來(lái)，這樣水就會(huì)順著管道從源頭流到目的地。
Node中的管道也是這樣，但其中流動(dòng)的不是水，而是來(lái)自源頭（即ReadableStream）的數(shù)據(jù)，管道可以讓它們“流動(dòng)”到某個(gè)目的地（即WritableStream）。你可以用pipe方法把管道連起來(lái)：

ReadableStream.pipe(WritableStream)

讀取一個(gè)文件（ReadableStream）并把其中的內(nèi)容寫(xiě)到另一個(gè)文件中（WritableStream）用的就是管道：

let readStream = fs.createReadStream("./original.txt") 
let writeStream = fs.createWriteStream("./copy.txt") 
readStream.pipe(writeStream)

所有ReadableStream都能接入任何一個(gè)WritableStream。比如HTTP請(qǐng)求（req）對(duì)
象就是ReadableStream，你可以讓其中的內(nèi)容流動(dòng)到文件中：

req.pipe(fs.createWriteStream("./req-body.txt"))
運(yùn)行

現(xiàn)在我們來(lái)運(yùn)行上面的代碼，我們?cè)诟夸浵路乓粡垐D片，比如peiqi.jpg。
在瀏覽器中輸入http://127.0.0.1:3000/peiqi.jpg，發(fā)現(xiàn)可愛(ài)的peiqi已經(jīng)出現(xiàn)在你的面前了。peiqi.jpg被當(dāng)作響應(yīng)主體從http服務(wù)器送到了客戶端（瀏覽器）。

雖然已經(jīng)品嘗到了成功的滋味，但這個(gè)靜態(tài)文件服務(wù)器還不夠完整，因?yàn)樗苋菀壮鲥e(cuò)。想象一下，如果用戶不小心輸入了一個(gè)并不存在的資源，比如abc.html，服務(wù)器就會(huì)馬上崩掉。所以我們還得給這個(gè)文件服務(wù)器加上錯(cuò)誤處理機(jī)制，讓它足夠健壯。

處理服務(wù)器錯(cuò)誤

在Node中，所有繼承了EventEmitter的類都可能會(huì)發(fā)出error事件。為了監(jiān)聽(tīng)錯(cuò)誤，在fs.ReadStream上注冊(cè)一個(gè)error事件處理器（比如下面這段代碼），返回響應(yīng)狀態(tài)碼500表明有服務(wù)器內(nèi)部錯(cuò)誤：

  stream.on("error", function(err){
    res.statusCode = 500
    res.end("服務(wù)器內(nèi)部錯(cuò)誤")
  })
用fs.stat()實(shí)現(xiàn)錯(cuò)誤處理

我們可以用fs.stat()來(lái)獲取文件的相關(guān)信息，如果文件不存在，fs.stat()會(huì)在err.code中放入ENOENT作為響應(yīng)，然后你可以返回錯(cuò)誤碼404，向客戶端表明文件未找到。如果fs.stat()返回了其他錯(cuò)誤碼，你可以返回通用的錯(cuò)誤碼500。
重構(gòu)后的代碼如下：

var server = http.createServer(function(req, res){
  let path = join(root, req.url)

  fs.stat(path, function(err, stat) {
    if (err) {
      if ("ENOENT" == err.code) {
        res.statusCode = 404
        res.end("Not Found")
      } else {
        res.statusCode = 500
        res.end("服務(wù)器內(nèi)部錯(cuò)誤")
      }
    } else { // 有該文件
      res.setHeader("Content-Length", stat.size)
      var stream = fs.createReadStream(path)
      stream.pipe(res)

      stream.on("error", function(err) { // 如果讀取文件出錯(cuò)
        res.statusCode = 500
        res.end("服務(wù)器內(nèi)部錯(cuò)誤")
      })
    }
  })
})

server.listen(3000)
注意

本節(jié)構(gòu)建的文件服務(wù)器是個(gè)簡(jiǎn)化版。如果你想把它放到生產(chǎn)環(huán)境中，應(yīng)該更全面地檢查輸入的有效性，以防用戶通過(guò)目錄遍歷攻擊訪問(wèn)到你本來(lái)不想開(kāi)放給他們的那部分內(nèi)容。

小結(jié)

讀到這里，相信聰明的你已經(jīng)掌握了如何用Node創(chuàng)建一個(gè)靜態(tài)服務(wù)器，下一篇文章我會(huì)給大家介紹如何用Node處理用戶上傳的文件并存放到服務(wù)器中。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/95954.html

相關(guān)文章

  • 5個(gè)提高Node.js應(yīng)用性能的技巧

    摘要：如果你有一個(gè)高流量的站點(diǎn)，提高性能的第一步是在你的前面放一個(gè)反向代理服務(wù)器。使用在一個(gè)已經(jīng)存在的服務(wù)器前做反向代理，作為的一個(gè)核心應(yīng)用，已經(jīng)被用于全世界成千上萬(wàn)的站點(diǎn)中。 如果你的 node 服務(wù)器前面沒(méi)有 nginx, 那么你可能做錯(cuò)了?！?Bryan Hughes Node.js 是使用 最流行的語(yǔ)言— JavaScript 構(gòu)建服務(wù)器端應(yīng)用的領(lǐng)先工具 。由于可以同時(shí)提供 web ...

    k00baa 評(píng)論0 收藏0

  • 記最近一次Nodejs全棧開(kāi)發(fā)經(jīng)歷

    摘要：背景前段時(shí)間大部門(mén)下新成立了一個(gè)推廣百度文字識(shí)別圖像識(shí)別等科技能力在金融領(lǐng)域應(yīng)用的子部門(mén)。而且在百度內(nèi)部提倡的也是使用和。百度內(nèi)部有現(xiàn)成的服務(wù)接入文檔。 背景： 前段時(shí)間大部門(mén)下新成立了一個(gè)推廣百度OCR、文字識(shí)別、圖像識(shí)別等科技能力在金融領(lǐng)域應(yīng)用的子部門(mén)。因?yàn)椴块T(mén)剛成立，基礎(chǔ)設(shè)施和人力都是欠缺的。當(dāng)時(shí)分到我們部門(mén)的任務(wù)是抽調(diào)一個(gè)人做新部門(mén)主站前端開(kāi)發(fā)工作。本來(lái)說(shuō)的是只負(fù)責(zé)頁(yè)面的開(kāi)發(fā)工...

    Lycheeee 評(píng)論0 收藏0

  • 入門(mén)node.js你必須知道的那些事

    摘要：入門(mén)你必須知道的那些事最基本的一些操作和概念用執(zhí)行一段代碼在命令行中用切換到桌面創(chuàng)建一個(gè)文件夾和并用命令切換到這個(gè)文件夾創(chuàng)建一個(gè)文件并寫(xiě)上簡(jiǎn)單的代碼在命令行中輸入命令行會(huì)輸出引用文件的方式采用了規(guī)范通過(guò)來(lái)引入一個(gè)文件新建文件并在文件中引入執(zhí) 入門(mén)node.js你必須知道的那些事 最基本的一些操作和概念 用node執(zhí)行一段js代碼 在命令行中用cd切換到桌面 創(chuàng)建一個(gè)文件夾和并用cd命...

    learn_shifeng 評(píng)論0 收藏0

  • [手把手系列之]Docker 部署 vue 項(xiàng)目

    摘要：部署項(xiàng)目寫(xiě)在前面作為輕量級(jí)虛擬化技術(shù)，擁有持續(xù)集成版本控制可移植性隔離性和安全性等優(yōu)勢(shì)。容器可以被創(chuàng)建啟動(dòng)停止刪除暫停等。重新運(yùn)行應(yīng)用容器直接基于鏡像來(lái)啟動(dòng)容器，運(yùn)行命令將宿主機(jī)的掛載到容器的目錄上。Docker 部署 vue 項(xiàng)目 1.寫(xiě)在前面： Docker 作為輕量級(jí)虛擬化技術(shù)，擁有持續(xù)集成、版本控制、可移植性、隔離性和安全性等優(yōu)勢(shì)。本文使用Docker來(lái)部署一個(gè)vue的前端應(yīng)用，并盡...

    VPointer 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<