NodeJs Express中介軟體超詳細講解

const express = require('express')
const app = express()
// // 定義一個最簡單的中介軟體函數
// const mw = function (req, res, next) {
//   console.log('這是最簡單的中介軟體函數')
//   // 把流轉關係，轉交給下一個中介軟體或路由
//   next()
// }
// // 將 mw 註冊為全域性生效的中介軟體
// app.use(mw)
// 這是定義全域性中介軟體的簡化形式
app.use((req, res, next) => {
  console.log('這是最簡單的中介軟體函數')
  next()
})
app.get('/', (req, res) => {
  console.log('呼叫了 / 這個路由')
  res.send('Home page.')
})
app.get('/user', (req, res) => {
  console.log('呼叫了 /user 這個路由')
  res.send('User page.')
})
app.listen(80, () => {
  console.log('http://127.0.0.1')
})

const express = require('express')
const app = express()
// 這是定義全域性中介軟體的簡化形式
app.use((req, res, next) => {
  // 獲取到請求到達伺服器的時間
  const time = Date.now()
  // 為 req 物件，掛載自定義屬性，從而把時間共用給後面的所有路由
  req.startTime = time
  next()
})
app.get('/', (req, res) => {
  res.send('Home page.' + req.startTime)
})
app.get('/user', (req, res) => {
  res.send('User page.' + req.startTime)
})
app.listen(80, () => {
  console.log('http://127.0.0.1')
})

const express = require('express')
const app = express()
// 定義第一個全域性中介軟體
app.use((req, res, next) => {
  console.log('呼叫了第1個全域性中介軟體')
  next()
})
// 定義第二個全域性中介軟體
app.use((req, res, next) => {
  console.log('呼叫了第2個全域性中介軟體')
  next()
})
// 定義一個路由
app.get('/user', (req, res) => {
  res.send('User page.')
})
app.listen(80, () => {
  console.log('http://127.0.0.1')
})

// 匯入 express 模組
const express = require('express')
// 建立 express 的伺服器範例
const app = express()
// 1. 定義中介軟體函數
const mw1 = (req, res, next) => {
  console.log('呼叫了區域性生效的中介軟體')
  next()
}
// 2. 建立路由,mw1只在當前路由生效
app.get('/', mw1, (req, res) => {
  res.send('Home page.')
})
app.get('/user', (req, res) => {
  res.send('User page.')
})
// 呼叫 app.listen 方法，指定埠號並啟動web伺服器
app.listen(80, function () {
  console.log('Express server running at http://127.0.0.1')
})

// 匯入 express 模組
const express = require('express')
// 建立 express 的伺服器範例
const app = express()
// 1. 定義中介軟體函數
const mw1 = (req, res, next) => {
  console.log('呼叫了第一個區域性生效的中介軟體')
  next()
}
const mw2 = (req, res, next) => {
  console.log('呼叫了第二個區域性生效的中介軟體')
  next()
}
// 2. 建立路由
app.get('/', [mw1, mw2], (req, res) => {
  res.send('Home page.')
})
app.get('/user', (req, res) => {
  res.send('User page.')
})
// 呼叫 app.listen 方法，指定埠號並啟動web伺服器
app.listen(80, function () {
  console.log('Express server running at http://127.0.0.1')
})

// 匯入 express 模組
const express = require('express')
// 建立 express 的伺服器範例
const app = express()
// 1. 定義路由
app.get('/', (req, res) => {
  // 1.1 人為的製造錯誤
  throw new Error('伺服器內部發生了錯誤！')
  res.send('Home page.')
})
// 2. 定義錯誤級別的中介軟體，捕獲整個專案的異常錯誤，從而防止程式的崩潰
app.use((err, req, res, next) => {
  console.log('發生了錯誤！' + err.message)
  res.send('Error：' + err.message)
})
// 呼叫 app.listen 方法，指定埠號並啟動web伺服器
app.listen(80, function () {
  console.log('Express server running at http://127.0.0.1')
})

// 匯入 express 模組
const express = require('express')
// 建立 express 的伺服器範例
const app = express()
// 注意：除了錯誤級別的中介軟體，其他的中介軟體，必須在路由之前進行設定
// 通過 express.json() 這個中介軟體，解析表單中的 JSON 格式的資料
app.use(express.json())
// 通過 express.urlencoded() 這個中介軟體，來解析 表單中的 url-encoded 格式的資料
app.use(express.urlencoded({ extended: false }))
app.post('/user', (req, res) => {
  // 在伺服器，可以使用 req.body 這個屬性，來接收使用者端傳送過來的請求體資料
  // 預設情況下，如果不設定解析表單資料的中介軟體，則 req.body 預設等於 undefined
  console.log(req.body)
  res.send('ok')
})
app.post('/book', (req, res) => {
  // 在伺服器端，可以通過 req,body 來獲取 JSON 格式的表單資料和 url-encoded 格式的資料
  console.log(req.body)
  res.send('ok')
})
// 呼叫 app.listen 方法，指定埠號並啟動web伺服器
app.listen(80, function () {
  console.log('Express server running at http://127.0.0.1')
})

// 匯入 express 模組
const express = require('express')
// 建立 express 的伺服器範例
const app = express()
// 1. 匯入解析表單資料的中介軟體 body-parser
const parser = require('body-parser')
// 2. 使用 app.use() 註冊中介軟體
app.use(parser.urlencoded({ extended: false }))
// app.use(express.urlencoded({ extended: false }))
app.post('/user', (req, res) => {
  // 如果沒有設定任何解析表單資料的中介軟體，則 req.body 預設等於 undefined
  console.log(req.body)
  res.send('ok')
})
// 呼叫 app.listen 方法，指定埠號並啟動web伺服器
app.listen(80, function () {
  console.log('Express server running at http://127.0.0.1')
})

// 匯入 express 模組
const express = require('express')
// 建立 express 的伺服器範例
const app = express()
// 匯入 Node.js 內建的 Qs 模組
const qs = require('Qs')
// 這是解析表單資料的中介軟體
app.use((req, res, next) => {
  // 定義中介軟體具體的業務邏輯
  // 1. 定義一個 str 字串，專門用來儲存使用者端傳送過來的請求體資料
  let str = ''
  // 2. 監聽 req 的 data 事件
  req.on('data', (chunk) => {
    str += chunk
  })
  // 3. 監聽 req 的 end 事件
  req.on('end', () => {
    // 在 str 中存放的是完整的請求體資料
    // console.log(str)
    // TODO: 把字串格式的請求體資料，解析成物件格式
    const body = qs.parse(str)
    req.body = body
    next()
  })
})
app.post('/user', (req, res) => {
  res.send(req.body)
})
// 呼叫 app.listen 方法，指定埠號並啟動web伺服器
app.listen(80, function () {
  console.log('Express server running at http://127.0.0.1')
})

// 匯入 Node.js 內建的 Qs 模組
const qs = require('Qs')
const bodyParser = (req, res, next) => {
  // 定義中介軟體具體的業務邏輯
  // 1. 定義一個 str 字串，專門用來儲存使用者端傳送過來的請求體資料
  let str = ''
  // 2. 監聽 req 的 data 事件
  req.on('data', (chunk) => {
    str += chunk
  })
  // 3. 監聽 req 的 end 事件
  req.on('end', () => {
    // 在 str 中存放的是完整的請求體資料
    // console.log(str)
    // TODO: 把字串格式的請求體資料，解析成物件格式
    const body = qs.parse(str)
    req.body = body
    next()
  })
}
module.exports = bodyParser

// 匯入 express 模組
const express = require('express')
// 建立 express 的伺服器範例
const app = express()
// 1. 匯入自己封裝的中介軟體模組
const customBodyParser = require('./14.custom-body-parser')
// 2. 將自定義的中介軟體函數，註冊為全域性可用的中介軟體
app.use(customBodyParser)
app.post('/user', (req, res) => {
  res.send(req.body)
})
// 呼叫 app.listen 方法，指定埠號並啟動web伺服器
app.listen(80, function () {
  console.log('Express server running at http://127.0.0.1')
})