node靜態(tài)服務(wù)器怎么實(shí)現(xiàn)靜態(tài)讀取文件或文件夾

這篇文章主要介紹了node靜態(tài)服務(wù)器怎么實(shí)現(xiàn)靜態(tài)讀取文件或文件夾，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比蒲縣網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式蒲縣網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋蒲縣地區(qū)。費(fèi)用合理售后完善，十載實(shí)體公司更值得信賴。

現(xiàn)在我們已經(jīng)大致了解了node 的基本工作原理，現(xiàn)在來實(shí)現(xiàn)一個系統(tǒng)的功能讀取文件或者文件夾

采坑記錄

中文輸出亂碼問題

res.statusCode = 200
res.setHeader('Content-Type', 'text/plain')
res.end('啊啊和嘎哈啊')

輸出中出現(xiàn)中文亂碼附解決方案 ~

res.writeHead(200, { 'Content-Type': 'text/plain; charset=utf-8' })

或

res.writeHead(200, { 'Context-Type': 'text/plain' })
res.write('<head><meta charset="utf-8"/></head>')

文件讀取方式

node 允許通過兩種方式讀取并輸出文件

one : 以文件流的形式讀取與返回一起進(jìn)行，快 = 推薦

fs.createReadStream(filePath).pipe(res)

two : 先將文件整個讀取，然后將文件內(nèi)容一起返回,簡單說這就是api的蹩腳使用 = 慢

fs.readFile(filePath, (err, data) => {
  if (err) return
  res.end(data)
})

讀取文件或者文件夾

廢話不說，上代碼

require('./config/defaultConfig') 更新為以下

  module.exports = {
   // 主機(jī)名稱
   hostname: '127.0.0.1',
   // 端口號
   port: 6969,
   // 當(dāng)前文件夾
   root: process.cwd()
  }

  // 引入http內(nèi)置模塊
  const http = require('http')
  
  // 引入chalk 用于美化后臺打印
  const chalk = require('chalk')
  
  const path = require('path')
  const fs = require('fs')
  // 引入基本配置
  const conf = require('./config/defaultConfig')
  
  // 創(chuàng)建一個server 實(shí)例
  const server = http.createServer((rep, res) => {
   // 拿到路徑
   const filePath = path.join(conf.root, rep.url)
  
   // 判斷是否為文件或者文件夾
   fs.stat(filePath, (err, stats) => {
    // 設(shè)置公共頭部信息
    res.writeHead(200, { 'Content-Type': 'text/plain; charset=utf-8' })
    if (err) {
     // 狀態(tài)碼
     res.statusCode = 404
  
     // 找不到提示文本
     res.end(`${filePath} is 404`)
  
     return
    }
    if (stats.isFile()) {
     // 如果是文件 返回文件內(nèi)容
     res.statusCode = 200
  
     fs.createReadStream(filePath).pipe(res)
    } else if (stats.isDirectory()) {
     // 如果是文件夾，返回文件列表
     fs.readdir(filePath, (err, files) => {
      if (err) return
      res.statusCode = 200
  
      res.end(files.join(','))
     })
    }
   })
  })
  
  // 監(jiān)聽 server 實(shí)例
  
  server.listen(conf.port, conf.hostname, () => {
   const addr = `http:// ${conf.hostname}:${conf.port}`
  
   console.info(`server startd at ${chalk.green(addr)}`)
  })

代碼優(yōu)化

上述代碼存在很多回調(diào)，代碼臃腫可讀性差。下面利用異步將回調(diào)去除，達(dá)到優(yōu)化效果

require-atomic-updates 注意eslint對于此項(xiàng)的限制, 為此將實(shí)參await

const fs = require('fs')

const promisify = require('util').promisify
const stat = promisify(fs.stat)
const readdir = promisify(fs.readdir)

module.exports = async function(rep, res, filePath) {
 // 規(guī)避此問題require-atomic-updates報(bào)告在異步函數(shù)中重新分配變量時(shí)可能發(fā)生的競爭條件錯誤
 const awaitRes = await res
 awaitRes.writeHead(200, { 'Content-Type': 'text/plain; charset=utf-8' })
 try {
  const stats = await stat(filePath)
  if (stats.isFile()) {
   // 如果是文件 返回文件內(nèi)容
   awaitRes.statusCode = 200

   fs.createReadStream(filePath).pipe(awaitRes)
  } else if (stats.isDirectory()) {
   // 如果是文件夾，返回文件列表
   const file = readdir(filePath)
   awaitRes.statusCode = 200

   awaitRes.end(file.join(','))
  }
 } catch (ex) {
  // 狀態(tài)碼
  awaitRes.statusCode = 404

  // 找不到提示文本
  awaitRes.end(`${filePath} is 404`)
 }
}

app.js文件變更為

// 引入http內(nèi)置模塊
const http = require('http')

// 引入chalk 用于美化后臺打印
const chalk = require('chalk')

const path = require('path')

const route = require('./header/route')
// 引入基本配置
const conf = require('./config/defaultConfig')

// 創(chuàng)建一個server 實(shí)例
const server = http.createServer((rep, res) => {
 // 拿到路徑
 const filePath = path.join(conf.root, rep.url)
 route(rep, res, filePath)
})

// 監(jiān)聽 server 實(shí)例

server.listen(conf.port, conf.hostname, () => {
 const addr = `http:// ${conf.hostname}:${conf.port}`

 console.info(`server startd at ${chalk.green(addr)}`)
})

至此實(shí)現(xiàn)了通過hash路徑輸入，實(shí)現(xiàn)文件或文件夾的讀取/前進(jìn)后退

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“node靜態(tài)服務(wù)器怎么實(shí)現(xiàn)靜態(tài)讀取文件或文件夾”這篇文章對大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!

網(wǎng)站標(biāo)題：node靜態(tài)服務(wù)器怎么實(shí)現(xiàn)靜態(tài)讀取文件或文件夾
鏈接地址：http://muchs.cn/article10/pidogo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、企業(yè)建站、微信公眾號、云服務(wù)器、搜索引擎優(yōu)化、網(wǎng)站收錄

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容