摘要:前言對于一個應用,提供靜態(tài)文件圖片服務常常是必須的。本文將介紹如何做一個自己的靜態(tài)文件服務器。雖然已經(jīng)品嘗到了成功的滋味,但這個靜態(tài)文件服務器還不夠完整,因為它很容易出錯。
前言
對于一個web應用,提供靜態(tài)文件(CSS、JavaScript、圖片)服務常常是必須的。本文將介紹如何做一個自己的靜態(tài)文件服務器。
創(chuàng)建一個靜態(tài)文件服務器每個靜態(tài)文件服務器都有個根目錄,也就是提供文件服務的基礎目錄。所以我們要在即將創(chuàng)建的服務器上定義一個root變量,它將作為我們這個靜態(tài)文件服務器的根目錄:
var http = require("http") var join = require("path").join var fs = require("fs") var root = __dirname
__dirname 在Node中是一個神奇的變量,它的值是該文件所在目錄的路徑。在本例中,服務器會將這個腳本所在的目錄作為靜態(tài)文件的根目錄。
有了文件的路徑,還需要傳輸文件的內(nèi)容。
這可以用fs.ReadStream完成,它是Node中Stream類之一。成功調(diào)用 fs.createReadStream() 會返回一個新的 fs.ReadStream 對象。
下面的代碼實現(xiàn)了一個簡單但功能完備的文件服務器。
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)
這個文件服務器大體能用,但還有很多細節(jié)需要考慮。接下來我們要優(yōu)化數(shù)據(jù)的傳輸,同時也精簡一下服務器的代碼。
用STREAM.PIPE()優(yōu)化數(shù)據(jù)傳輸雖然上面的代碼看上去還不錯,但Node還提供了更高級的實現(xiàn)機制:Stream.pipe()。用這個方法可以極大簡化服務器的代碼。 優(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)
這種寫法,是不是更簡單,更清晰了呢?
理解流和管道流是Node中很重要的一個概念,你可以把Node中的管道想象成水管,如果你想讓某個源頭(比如熱水器)流出來的水流到一個目的地(比如廚房的水龍頭),可以在中間加一個管道把它們連起來,這樣水就會順著管道從源頭流到目的地。
Node中的管道也是這樣,但其中流動的不是水,而是來自源頭(即ReadableStream)的數(shù)據(jù),管道可以讓它們“流動”到某個目的地(即WritableStream)。你可以用pipe方法把管道連起來:
ReadableStream.pipe(WritableStream)
讀取一個文件(ReadableStream)并把其中的內(nèi)容寫到另一個文件中(WritableStream)用的就是管道:
let readStream = fs.createReadStream("./original.txt") let writeStream = fs.createWriteStream("./copy.txt") readStream.pipe(writeStream)
所有ReadableStream都能接入任何一個WritableStream。比如HTTP請求(req)對
象就是ReadableStream,你可以讓其中的內(nèi)容流動到文件中:
req.pipe(fs.createWriteStream("./req-body.txt"))運行
現(xiàn)在我們來運行上面的代碼,我們在根目錄下放一張圖片,比如peiqi.jpg。
在瀏覽器中輸入http://127.0.0.1:3000/peiqi.jpg,發(fā)現(xiàn)可愛的peiqi已經(jīng)出現(xiàn)在你的面前了。peiqi.jpg被當作響應主體從http服務器送到了客戶端(瀏覽器)。
雖然已經(jīng)品嘗到了成功的滋味,但這個靜態(tài)文件服務器還不夠完整,因為它很容易出錯。想象一下,如果用戶不小心輸入了一個并不存在的資源,比如abc.html,服務器就會馬上崩掉。所以我們還得給這個文件服務器加上錯誤處理機制,讓它足夠健壯。
處理服務器錯誤在Node中,所有繼承了EventEmitter的類都可能會發(fā)出error事件。為了監(jiān)聽錯誤,在fs.ReadStream上注冊一個error事件處理器(比如下面這段代碼),返回響應狀態(tài)碼500表明有服務器內(nèi)部錯誤:
stream.on("error", function(err){ res.statusCode = 500 res.end("服務器內(nèi)部錯誤") })用fs.stat()實現(xiàn)錯誤處理
我們可以用fs.stat()來獲取文件的相關信息,如果文件不存在,fs.stat()會在err.code中放入ENOENT作為響應,然后你可以返回錯誤碼404,向客戶端表明文件未找到。如果fs.stat()返回了其他錯誤碼,你可以返回通用的錯誤碼500。
重構后的代碼如下:
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("服務器內(nèi)部錯誤") } } else { // 有該文件 res.setHeader("Content-Length", stat.size) var stream = fs.createReadStream(path) stream.pipe(res) stream.on("error", function(err) { // 如果讀取文件出錯 res.statusCode = 500 res.end("服務器內(nèi)部錯誤") }) } }) }) server.listen(3000)注意
本節(jié)構建的文件服務器是個簡化版。如果你想把它放到生產(chǎn)環(huán)境中,應該更全面地檢查輸入的有效性,以防用戶通過目錄遍歷攻擊訪問到你本來不想開放給他們的那部分內(nèi)容。
小結讀到這里,相信聰明的你已經(jīng)掌握了如何用Node創(chuàng)建一個靜態(tài)服務器,下一篇文章我會給大家介紹如何用Node處理用戶上傳的文件并存放到服務器中。
文章版權歸作者所有,未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉載請注明本文地址:http://www.ezyhdfw.cn/yun/95954.html
摘要:如果你有一個高流量的站點,提高性能的第一步是在你的前面放一個反向代理服務器。使用在一個已經(jīng)存在的服務器前做反向代理,作為的一個核心應用,已經(jīng)被用于全世界成千上萬的站點中。 如果你的 node 服務器前面沒有 nginx, 那么你可能做錯了?!?Bryan Hughes Node.js 是使用 最流行的語言— JavaScript 構建服務器端應用的領先工具 。由于可以同時提供 web ...
摘要:背景前段時間大部門下新成立了一個推廣百度文字識別圖像識別等科技能力在金融領域應用的子部門。而且在百度內(nèi)部提倡的也是使用和。百度內(nèi)部有現(xiàn)成的服務接入文檔。 背景: 前段時間大部門下新成立了一個推廣百度OCR、文字識別、圖像識別等科技能力在金融領域應用的子部門。因為部門剛成立,基礎設施和人力都是欠缺的。當時分到我們部門的任務是抽調(diào)一個人做新部門主站前端開發(fā)工作。本來說的是只負責頁面的開發(fā)工...
摘要:入門你必須知道的那些事最基本的一些操作和概念用執(zhí)行一段代碼在命令行中用切換到桌面創(chuàng)建一個文件夾和并用命令切換到這個文件夾創(chuàng)建一個文件并寫上簡單的代碼在命令行中輸入命令行會輸出引用文件的方式采用了規(guī)范通過來引入一個文件新建文件并在文件中引入執(zhí) 入門node.js你必須知道的那些事 最基本的一些操作和概念 用node執(zhí)行一段js代碼 在命令行中用cd切換到桌面 創(chuàng)建一個文件夾和并用cd命...
摘要:部署項目寫在前面作為輕量級虛擬化技術,擁有持續(xù)集成版本控制可移植性隔離性和安全性等優(yōu)勢。容器可以被創(chuàng)建啟動停止刪除暫停等。重新運行應用容器直接基于鏡像來啟動容器,運行命令將宿主機的掛載到容器的目錄上。Docker 部署 vue 項目 1.寫在前面: Docker 作為輕量級虛擬化技術,擁有持續(xù)集成、版本控制、可移植性、隔離性和安全性等優(yōu)勢。本文使用Docker來部署一個vue的前端應用,并盡...
閱讀 3375·2021-10-11 11:08
閱讀 4498·2021-09-22 15:54
閱讀 977·2019-08-30 15:56
閱讀 923·2019-08-30 15:55
閱讀 3603·2019-08-30 15:52
閱讀 1423·2019-08-30 15:43
閱讀 1995·2019-08-30 11:14
閱讀 2565·2019-08-29 16:11