รู้จักับ Middleware ฟังก์ชั่น ใน Express และการใช้งานเบื้องต้น

• ผู้ใช้เปิดบราวเซอร์ พิมพ์ URL ที่ต้องการ แล้วกด Enter  
• ตัวบราวเซอร์จะทำการ request หรือร้องขอไปยัง Server ผ่าน URL ที่กำหนด   
• เมื่อ request ที่ส่งมายัง Server ตรงกับ Route หรือ URL Path ที่กำหนดการทำงานเอาไว้ ก็จะทำงาน
• เมื่อทำงานเสร็จ ก็จะ response ส่งต่อค่าต่างๆ กลับมายังส่วนของการแสดงผล
• โดยอาจทำการ render หรือสร้างเป็นรูปแบบ HTML แล้วส่งกลับมายังบราวเซอร์ 
• เมื่อเพจโหลดเสร็จเรียบร้อย ผู้ใช้ก็จะเห็นหน้าตาเพจ แสดงข้อมูลที่ถูกส่งกลับมา

• Application-level middleware
• Router-level middleware
• Error-handling middleware
• Built-in middleware
• Third-party middleware

const app = express()

// app object ใช้คำสั่ง use() เรียกใช้งานฟังก์ชั่นด้านใน ซึ่งเรียกว่า middleware function
app.use(function (req, res, next) {
	console.log('Time:', Date.now()) // ส่วนนี้จะทำงานทุกครั้งเมื่อมี request เข้ามา
	next()
})

// app object ใช้งาน middleware ฟังก์ชั่น แบบมีการระบุ path
app.use('/user/:id', function (req, res, next) {
	console.log('Request Type:', req.method)
	next()
})

//  app object ใช้งาน middleware ฟังก์ชั่นผ่าน app.METHOD  โดยมีการระบุ path
app.get('/user/:id', function (req, res, next) {
	res.send('USER') 
	// เมื่อใดก็ตามที่มีการใช้คำสั่ง send() แสดงว่าเป็นการจบการทำงานของ 
	// request - reponse cycle
})

app.use('/user/:id', function (req, res, next) { // ทำงาน ฟังก์ชั่นนี้เสร็จ
	console.log('Request URL:', req.originalUrl)
	next() // ส่งไปทำงานต่อในฟังก์ชั่น ตัวถัดไป
}, function (req, res, next) { // ทำงานต่อที่ฟังก์ชั่นนี้
	console.log('Request Type:', req.method)
	next() //ส่งไปทำงาน middleware ฟังก์ชั่นอื่นๆ ในลำดับถัดไปต่อ 
})

// เรียกไปยัง path:  /user/:id และทำงาน middelware ฟังก์ชั่นที่ซ้อนกันตามลำดับ
app.get('/user/:id', function (req, res, next) {
	console.log('ID:', req.params.id)
	next()
}, function (req, res, next) {
	res.send('User Info')
	// เมื่อใดก็ตามที่มีการใช้คำสั่ง send() แสดงว่าเป็นการจบการทำงานของ 
	// request - reponse cycle	
})

// เรียกไปยัง path: เดิม  /user/:id อีกครั้ง แต่ ก็ไม่ทำงาน
app.get('/user/:id', function (req, res, next) {
	res.end(req.params.id)
})

// เรียกไปยัง path:  /user/:id และทำงาน middelware ฟังก์ชั่นที่ซ้อนกันตามลำดับ
app.get('/user/:id', function (req, res, next) {
	// ทำการตรวจสอบเงื่อนไข ว่า user ID เท่ากับ 0 หรือไม่ ถ้าเท่ากับ 0 ที่ก็ข้าม ฟังก์ชั่นที่ซ้อนอยุ่ไป
	// แล้วออกไปทำงานที่ route path ที่กำหนดซ้ำกัน ในลำดับถัดไป
	if (req.params.id === '0') next('route')   // โดยใช้คำสั่ง next('route')
	// กรณีที่ไม่เท่ากับ 0 ก็ทำงาน middleware function ที่ซ้อนกันอยู่ในลำดับถัดไปตามลำดับ
	else next() // โดยใช้คำสั่ง next()
}, function (req, res, next) {
	res.send('regular')
	// เมื่อใดก็ตามที่มีการใช้คำสั่ง send() แสดงว่าเป็นการจบการทำงานของ 
	// request - reponse cycle		
})

// เรียกไปยัง path: เดิม  /user/:id อีกครั้ง  จะทำงาน เมื่อถูกเรียกผ่านคำส่ัง next('route') 
// จาก middleware ฟังก์ชั่นก่อนหน้า
app.get('/user/:id', function (req, res, next) {
	res.send('special')
})

 // mddleware ฟังก์ชั่น 1
function logOriginalUrl (req, res, next) {
	console.log('Request URL:', req.originalUrl)
	next()
} 

 // mddleware ฟังก์ชั่น 2
function logMethod(req, res, next) {
	console.log('Request Type:', req.method)
	next()
}

 // นำ mddleware ฟังก์ชั่น ทั้ง สอง มาเก็บไว้ใน array แล้วเรียกใช้งาน
 // โดยฟังก์ชั่น จะไล่ทำงานตำลำดับก่อนหลัง ของการกำหนดใน array
var logStuff = [logOriginalUrl, logMethod]
app.get('/user/:id', logStuff, function (req, res, next) {
	res.send('User Info')
})

var router = express.Router()  // กำหนด router เป็น instance ของ express.Router() 
// instance ก็คือต้วแทน เช่น John เป็น instance ของ People

const express = require('express')  // ใช้งาน module express
const app = express()  // สร้างตัวแปร app เป็น instance ของ express
const birds = require('./birds') // ใช้งาน router module

// birds ก็เป็น middleware function ที่สร้างจาก exprees.Router() method
app.use('/birds', birds) 

const express = require('express')  // ใช้งาน module express
const app = express()  // สร้างตัวแปร app เป็น instance ของ express
const router = express.Router()

// ใช้งาน middleware router-level แบบไม่ระบุ path ซึ่งจะทำงานทุกครั้งเมื่อมีการเรียกใช้งาน router
router.use(function (req, res, next) {
	console.log('Time:', Date.now())
	next()
})

// ใช้งาน  middleware router-level  แบบซ้อนกันตามลำดับ ผ่านคำสั่ง router.use() โดยมีการระบุ path: "/user/:id" 
router.use('/user/:id', function (req, res, next) {
	console.log('Request URL:', req.originalUrl)
	next()
}, function (req, res, next) {
	console.log('Request Type:', req.method)
	next()
})

// ใช้งาน  middleware router-level  แบบซ้อนกันตามลำดับ ผ่านคำสั่ง router.METHOD() โดยมีการระบุ path: "/user/:id" 
router.get('/user/:id', function (req, res, next) {
	// เช็คเงื่อนไขถ้า user ID เท่ากับ 0 ให้ไแทำงานใน router ของ path เดียวกัน ในลำดับที่อยู่ถัดไป
	if (req.params.id === '0') next('route')
	// หากไม่เท่ากับ 0 ให้ไปทำ middleware ในดำดับถัดไปที่ซ้อนกันอยู่ตามลำดับ
	else next()
}, function (req, res, next) {
	res.render('regular')
	// เมื่อใดก็ตามที่มีการใช้คำสั่ง render() เพื่อสร้างหน้าผล แสดงว่าเป็นการจบการทำงานของ 
	// request - reponse cycle			
})

// ทำงาน เมื่อถูกเรียกใช้ผ่าน next('route') 
router.get('/user/:id', function (req, res, next) {
	console.log(req.params.id)
	res.render('special')
	// เมื่อใดก็ตามที่มีการใช้คำสั่ง render() เพื่อสร้างหน้าผล แสดงว่าเป็นการจบการทำงานของ 
	// request - reponse cycle			
})

// ส่วนของการใช้งาน middleware applicaiton-level 
// กำหนด path การเรียกใช้งาน router ให้กับ app
app.use('/', router)

const app = express()
const router = express.Router()

// กำหนดการทำงานของ router  เมื่อถูกเรียกใช้งาน
router.use(function (req, res, next) {
	// ตรวจสอบเงื่อนไขว่ามีการส่ง req.headers['x-auth'] มาหรือไม่ 
	if (!req.headers['x-auth']) return next('router') // ถ้าไม่มี ให้ออกจาก router แล้วไปทำคำสั่งนอก router ต่อ
	next() // แต่ถ้ามี ก็ทำคำสั่งใน router ในลำดับถัดไปต่อ
})

// router path root ของหน้า "/admin"
router.get('/', function (req, res) {
	res.send('hello, user!')
})

// เรียกใช้งาน router ผ่าน path: "/admin หรือกรณีไม่ผ่านเงื่อนไข ก็ทำคำสั่ง ส่ง status 401 ออกมา
app.use('/admin', router, function (req, res) {
	res.sendStatus(401)  // 401 UNAUTHORIZED ไม่ได้รับสิทธิ์หรืออนุญาตให้เข้าใช้งาน
})

app.use(function (err, req, res, next) {
  console.error(err.stack)
  res.status(500).send('Something broke!')
})

• express.static() // เรียกใช้งาน static file เช่น ไฟล์รูปภาพ ไฟล์ js ไฟล์ css เป็นต้น
• express.json()  // แปลงข้อมูลที่มีรูปแบบ JSON String ให้อยู่ในรูป JSON Objext    
• express.urlencoded() // แปลงข้อมูลจาก form ในรูปแบบ url encode เป็น Object

npm install cookie-parser 

const express = require('express')
const app = express()
const cookieParser = require('cookie-parser')

// เรียกใช้งาน cookie-parsing middleware
app.use(cookieParser())

const express = require('express')  // ใช้งาน module express
const app = express()  // สร้างตัวแปร app เป็น instance ของ express
const port = 3000  // port 
 
app.get('/', function (req, res) {
    res.send('Hello World!')
})
 
app.listen(port, function() {
    console.log(`Example app listening on port ${port}!`)
})

const myLogger = function (req, res, next) {
  console.log('LOGGED')
  next()
}

const express = require('express')  // ใช้งาน module express
const app = express()  // สร้างตัวแปร app เป็น instance ของ express
const port = 3000  // port 
 
const myLogger = function (req, res, next) {
    console.log('LOGGED')
    next()
}

app.use(myLogger)

app.get('/', function (req, res) {
	res.send('Hello World!')
})
 
app.listen(port, function() {
	console.log(`Example app listening on port ${port}!`)
})

module.exports = function(options) {
	return function(req, res, next) {
		console.log(options.message)
		next()
	}
}

const express = require('express')  // ใช้งาน module express
const app = express()  // สร้างตัวแปร app เป็น instance ของ express
const port = 3000  // port 
const myLogger = require('./my-logger')
 
app.use(myLogger({message:"LOGGED MESSAGE"}))

app.get('/', function (req, res) {
    res.send('Hello World!')
})
 
app.listen(port, function() {
    console.log(`Example app listening on port ${port}!`)
})