重学Node 0x4 MiddleWare

最新推荐文章于 2023-06-01 08:36:09 发布

原创最新推荐文章于 2023-06-01 08:36:09 发布 · 213 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#express #express middleware #node env

JavaScript 同时被 2 个专栏收录

152 篇文章

订阅专栏

NodeJS

35 篇文章

订阅专栏

本文深入探讨了ExpressJS中的中间件概念，包括自定义、内建和第三方中间件的使用，以及如何根据不同环境进行配置调整。同时，介绍了如何在不同环境下启用调试工具，并展示了如何设置模板引擎和数据库集成。

中间件

自定义中间件

// logger.js
function log(req, res, next) {
  console.log('Logging...')
  next()
}
module.exports = log

// index.js
//...
const logger = require('./logger')
//...
app.use(logger)

内建中间件

// index.js
app.use(express.urlencoded({ extended: true })) // 解析URL传参
app.use(express.static('public'))

第三方中间件

// index.js
const helmet = require('helmet')
const morgan = require('morgan')

app.use(helmet())
app.use(morgan('tiny'))

应用环境

测试

//index.js
console.log(`NODE_ENV:${process.env.NODE_ENV}`)
console.log(`app: ${app.get('env')}`)

应用

//index.js
if (app.get('env') === 'development') {
  app.use(morgan('tiny'))
  console.log('Morgan enabled...')
}

配置

npm i config

config/default.json

{
  "name": "My Express App"
}

config/development.json

{
  "name": "My Express App - Devlopment",
  "mail": {
    "host": "dev-mail-server"
  }
}

config/production.json

{
  "name": "My Express App - Production",
  "mail": {
    "host": "prod-mail-server"
  }
}

// index.js
const config = require('config')

// configuration
console.log(`Application Name ${config.get('name')}`)
console.log(`Mail Server: ${config.get('mail.host')}`)

机密信息应该保存在环境变量中

set app_psw=1234

custom-environment-variables.json

{
  "mail": {
    "password": "app_psw"
  }
}

调试

npm i debug

const startupDebugger = require('debug')('app:startup')
const dbDebugger = require('debug')('app:db')

if (app.get('env') === 'development') {
  app.use(morgan('tiny'))
  // console.log('Morgan enabled...')
  startupDebugger('Morgan enabled...')
}

// Db Work...
dbDebugger('Connected to the database...')

模板引擎

npm i pug

//index.js
app.set('view engine', 'pug')
app.set('views', './views')

app.get('/', (req, res) => {
  res.render('index', { title: 'My Express App', message: 'Hello' })
})

views/index.pug

html
  head
    title= title
  body
    h1= message