การใข้งาน Cookie และ Session ใน Express สำหรับ ระบบสมาชิก

npm install cookie-parser --save

const cookieParser = require('cookie-parser') // ใช้งาน cookie-parser module

app.use(cookieParser())

const express = require('express')
const router = express.Router()

router.get('/', function(req, res, next) {
    res.locals.pageData = {
        title:'Home Page'
    }  
    // สำหรับทดสอบว่าใช้งาน cookie ได้แล้วหรือไม่ 
    // หาก req.cookies ไม่เท่ากับ undefined เราก็สามารถใช้งาน cookie ได้
    if(typeof req.cookies !=='undefined'){
        // สามารถใช้งานตัวแปร cookie ได้เช่น
        // การกำหนดค่า ตัวอย่าง 
        // res.cookie('my_ck1', 'cookie_1',{maxAge:60000})
        // การดึงค่ามาใช้งาน req.cookies.my_ck1 จะได้ค่าเป็น cookie_1
    }
	res.render('pages/index')
})

module.exports = router

if(typeof req.cookies.my_ck1 === 'undefined'){  //  }
if(req.cookies.my_ck1 === undefined){ // }
if(!req.cookies.my_ck1){ // }

res.cookie(name, value [, options])

router.get('/', function(req, res, next) {
    res.locals.pageData = {
        title:'Home Page'
    }  
    if(!req.cookies.my_ck1){
        res.cookie('my_ck1', 'cookie_1',{maxAge:60000})
    }
	res.render('pages/index')
})

Set-Cookie: my_ck1=cookie_1; Max-Age=60; Path=/; Expires=Sat, 11 May 2019 18:03:43 GMT

    res.clearCookie(name [, options])
    // ตัวอย่างเช่น res.clearCookie('my_ck1')

router.route('/logout')
    .get((req, res, next) => { 
        res.cookie('flash_message', 'Logout Complete!!',{maxAge:3000})
        res.redirect('/login')    
    })    

.get((req, res, next) => { 
	// ตรวจสอบว่ามี ค่า cookie ค่านี้หรือไม่
	if(req.cookies.flash_message){
		// ถ้ามี นำค่าไปใกำหนดในตัวแปร res.locals เพื่อใช้งานใน template
		res.locals.success = {
			message:req.cookies.flash_message
		}
	}
	res.render('pages/login')    
})

<? if(typeof success !== 'undefined'){ ?>
<div class="form-group row">
	<div class="col-7 mx-auto">
		<div class="alert alert-success alert-dismissible fade show" role="alert">
		<?= success.message ?>
		<button type="button" class="close" data-dismiss="alert" aria-label="Close">
			<span aria-hidden="true">&times;</span>
		</button>
		</div>    
	</div>
</div>
<? } ?>   

app.use(cookieParser('mysecret'))  // เปลี่ยนค่า "myscret" เป็นค่าตามต้องการ

res.cookie('flash_message', 'Logout Complete!!',{maxAge:3000})
res.cookie('flash_message', 'Logout Complete!!',{signed: false, maxAge:3000})
// การกำหนดตัวแปรโดยไม่ระบุ signed หรือระบุค่าเป็น false จะยังสามารถเรียกใช้งานผ่านตัวแปร 
// req.cookies.flash_message ได้

res.cookie('flash_message', 'Logout Complete!!',{signed: true, maxAge:3000})
// การกำหนดตัวแปรโดยระบุค่า signed เป็น true เราจะไม่สามารถเรียกใช้งาน req.cookies.flash_message ได้
// ต้องเรียกใช้งานผ่านตัวแปร req.signedCookies.flash_message  แทน 

<div class="form-group row">
    <label class="col-7 mx-auto" style="padding-left:40px;" for="remember">
        <input type="checkbox" class="form-check-input" 
        id="remember" name="remember" value="true" 
        <?= (user.remember=='true')?"checked":"" ?>> 
        Remember?
    </label>
</div>   

login : Joi.object().keys({
	email: Joi.string().email({ minDomainSegments: 2 }).required(),
	password:Joi.string().min(6).max(15).required(),
	remember:Joi.any()
})

const express = require('express')
const router = express.Router()
const { validation, schema } = require('../validator/users')

router.route('/')
    .all((req, res, next) => { 
        // ตัวแปรที่กำหนดด้วย res.locals คือค่าจะส่งไปใช้งานใน template
        res.locals.pageData = {
            title:'Login Page'
        }
        // ค่าที่จะไปใช้งาน ฟอร์ม ใน template 
        res.locals.user = {
            email:req.cookies.email || '', // ใช้ค่า cookie ถ้ามี ถ้าไม่มีใช้ค่าว่าง
            password:req.cookies.password || '',
            remember:req.cookies.remember || ''
        }
        // กำหนดหน้าที่ render กรณี error ไม่ผ่านการตรวจสอบข้อมูล
        req.renderPage = "pages/login"
        next()
    })
    .get((req, res, next) => { 
        // ตรวจสอบว่ามี ค่า cookie ค่านี้หรือไม่
        if(req.cookies.flash_message){
            // ถ้ามี นำค่าไปใกำหนดในตัวแปร res.locals เพื่อใช้งานใน template
            res.locals.success = {
                message:req.cookies.flash_message
            }
        }
        // res.cookie('my_ck1','cookie_1',{signed:true})
        res.render('pages/login')    
    })
    .post(validation(schema.login), (req, res, next) => { 
        // ผ่านการรวจสอบ ลิ้งค์ไปหน้า /me
		// กำหนดอายุของ cookie ใน 7 วัน
        let MAX_AGE = 1000 * 60 * 60 * 24 * 7
        if(req.body.remember){ // ถ้ามีการให้จำข้อมูล สร้าง cookie 
            res.cookie('email', req.body.email,{maxAge:MAX_AGE})
            res.cookie('password', req.body.password,{maxAge:MAX_AGE})
            res.cookie('remember', req.body.remember,{maxAge:MAX_AGE})
        }else{ // หากเลือกไม่ต้องจดจำข้อมูล ล้างค่า cookie
            res.clearCookie('email')
            res.clearCookie('password')
            res.clearCookie('remember')
        }
        res.redirect('/me')
    })

module.exports = router

npm install express-session --save

const session = require('express-session') // ใช้งาน express-session module

app.use(session({
    name:'sid', // ถ้าไม่กำหนด ค่าเริ่มต้นเป็น 'connect.sid'
    secret: 'my ses secret',
    resave: true,
    saveUninitialized: true
}))

req.session.email = 'john.doe@gmail.com' 
// หรือ 
req.session.userdata = {
	a:1,
	b:2
}

let email = req.session.email

delete req.session.email 

req.session.destroy(function(err) {
  // ลบตัวแปร session ทั้งหมด 
})

req.cookies.sid = s:0bil-4VB3NmsT9xXB4_Wr_aa7uZzkEk2.qWuxhgVxHJSdwTEz560LNZsSGFaZ5E+rVrPclhFLjkU
req.sessionID = 0bil-4VB3NmsT9xXB4_Wr_aa7uZzkEk2
req.session.id = 0bil-4VB3NmsT9xXB4_Wr_aa7uZzkEk2

const express = require('express')
const router = express.Router()
const { validation, schema } = require('../validator/users')

router.route('/')
    .all((req, res, next) => { 
        // ตัวแปรที่กำหนดด้วย res.locals คือค่าจะส่งไปใช้งานใน template
        res.locals.pageData = {
            title:'Login Page'
        }
        // ค่าที่จะไปใช้งาน ฟอร์ม ใน template 
        res.locals.user = {
            email:req.session.email || '',
            password:req.session.password || '',
            remember:req.session.remember || ''
        }
        // กำหนดหน้าที่ render กรณี error ไม่ผ่านการตรวจสอบข้อมูล
        req.renderPage = "pages/login"
        next()
    })
    .get((req, res, next) => { 
        // ตรวจสอบว่ามี ค่า cookie ค่านี้หรือไม่
        if(req.cookies.flash_message){
            // ถ้ามี นำค่าไปใกำหนดในตัวแปร res.locals เพื่อใช้งานใน template
            res.locals.success = {
                message:req.cookies.flash_message
            }
        } 
        // res.cookie('my_ck1','cookie_1',{signed:true})
        res.render('pages/login')    
    })
    .post(validation(schema.login), (req, res, next) => { 
        // ผ่านการรวจสอบ ลิ้งค์ไปหน้า /me
        if(req.body.remember){
            req.session.email = req.body.email
            req.session.password = req.body.password
            req.session.remember = req.body.remember
        }else{
            delete req.session.email
            delete req.session.password
            delete req.session.remember
        }
        res.redirect('/me')
    })

module.exports = router

app.use(session({
    name:'sid', // ถ้าไม่กำหนด ค่าเริ่มต้นเป็น 'connect.sid'
    secret: 'my ses secret',
    resave: true,
    saveUninitialized: true,
    cookie: { maxAge: 3600000 }
}))

// เลือกอย่างใด อย่างหนึ่ง ระหว่าง expires กับ maxAge ในที่นี้แนะนำเป็น maxAge
let hour = 3600000
req.session.cookie.expires = new Date(Date.now() + hour)
req.session.cookie.maxAge = hour

req.session.cookie.maxAge = 60000

.post(validation(schema.login), (req, res, next) => { 
	// ผ่านการรวจสอบ ลิ้งค์ไปหน้า /me
	// สมมติเรากำหนดเป็น 15 วัน
	let MAX_AGE = 1000 * 60 * 60 * 24 * 15
	if(req.body.remember){
		req.session.email = req.body.email
		req.session.password = req.body.password
		req.session.remember = req.body.remember
		req.session.cookie.maxAge = MAX_AGE
	}else{
		delete req.session.email
		delete req.session.password
		delete req.session.remember
	}
	res.redirect('/me')
})

npm install connect-mongodb-session --save

const session = require('express-session')
const MongoDBStore = require('connect-mongodb-session')(session)

const url = 'mongodb://localhost:27017' // กำหนด url สำหรับ MongoDB Server
const dbName = 'testdb' // กำหนดชื่อฐานข้อมูลที่จะใช้งาน

const store = new MongoDBStore({
    uri: url,
    databaseName: dbName,
    collection: 'mySession'
  },function(error) {
    if(error){
        console.log('Not connect to MongoDB')
    }
})
 
module.exports = store

const store = require('./config/storeDb')  // เรียกใช้งาน module ที่เราสร้าง

app.use(session({
    name:'sid', // ถ้าไม่กำหนด ค่าเริ่มต้นเป็น 'connect.sid'
    secret: 'my ses secret',
    store:store, // ใช้งาน MongoDBStore 
    resave: true,
    saveUninitialized: true
}))

.post(validation(schema.login), (req, res, next) => { 
	// ผ่านการรวจสอบ ลิ้งค์ไปหน้า /me
	// สมมติเรากำหนดเป็น 15 วัน
	let MAX_AGE = 1000 * 60 * 60 * 24 * 15
	if(req.body.remember){
		req.session.email = req.body.email
		req.session.password = req.body.password
		req.session.remember = req.body.remember
		req.session.cookie.maxAge = MAX_AGE
	}else{
		delete req.session.email
		delete req.session.password
		delete req.session.remember
	}
	req.session.isLogined = true
	res.redirect('/me')
})

// สร้าง middleware ฟังก์ชั่นสำหรับ redirect ไปหน้าต่างๆ ตามเงื่อนไข
// โดยมี parameter / ตัวคือ path และค่า status สถานะการล็อกอิน
const authorize = (path, status) =>{
    return ((req, res, next) => {
        if(req.session.isLogined === status || (!req.session.isLogined && status === false)){
            next() // ทำงานต่อใน path ปัจจุบัน           
        }else{
            res.cookie('flash_message', 'Please Login to access',{maxAge:3000})
            // redirect ไปยัง path ที่ต้องการตามที่ส่งค่ามา
            return res.redirect(path)      
        }
    })
}

module.exports = { authorize }

const { authorize } = require('./config/auth')

app.use('/', indexRouter)
app.use('/login', authorize('/me', false), loginRouter)
app.use('/register', authorize('/me', false), registerRouter)
app.use('/me', authorize('/login', true), dashboardRouter)

app.use('/login', authorize('/me', false), loginRouter)
// หน้าล็อกอิน เข้าหน้านี้ไม่ต้องมี session isLogined หรือถ้ามีต้องเป็นค่า false หากเป็นอื่น ให้ลิ้งค์ไปหน้าสมาชิก
app.use('/register', authorize('/me', false), registerRouter)
// หน้าสมัครสมาชิก เข้าหน้านี้ไม่ต้องมี session isLogined หรือถ้ามีต้องเป็นค่า false หากเป็นอื่น ให้ลิ้งค์ไปหน้าสมาชิก
app.use('/me', authorize('/login', true), dashboardRouter)
// หน้าสมาชิก เข้าหน้านี้ต้องมี session isLogined เป็น true หากเป็นอื่น ให้ลิ้งค์ไปหน้าล็อกอิน

const express = require('express')  // ใช้งาน module express
const app = express()  // สร้างตัวแปร app เป็น instance ของ express
const path = require('path') // เรียกใช้งาน path module
const cookieParser = require('cookie-parser')
const session = require('express-session')
const store = require('./config/storeDb')
const { authorize } = require('./config/auth')
const createError = require('http-errors') // เรียกใช้งาน http-errors module
const port = 3000  // port 
 
// ส่วนของการใช้งาน router module ต่างๆ 
const indexRouter = require('./routes/index')
const loginRouter = require('./routes/login')
const registerRouter = require('./routes/register')
const dashboardRouter = require('./routes/dashboard')
 
// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');
app.set('view options', {delimiter: '?'});
// app.set('env','production')
 
app.use(express.json())
app.use(express.urlencoded({ extended: false }))
app.use(cookieParser())
app.use(express.static(path.join(__dirname, 'public')))

//app.set('trust proxy', 1) // trust first proxy
app.use(session({
    name:'sid', // ถ้าไม่กำหนด ค่าเริ่มต้นเป็น 'connect.sid'
    secret: 'my ses secret',
    store:store,
    resave: true,
    saveUninitialized: true
}))

 
// เรียกใช้งาน indexRouter
app.use('/', indexRouter)
app.use('/login', authorize('/me', false), loginRouter)
app.use('/register', authorize('/me', false), registerRouter)
app.use('/me', authorize('/login', true), dashboardRouter)

// ทำงานทุก request ที่เข้ามา 
app.use(function(req, res, next) {
    var err = createError(404)
    next(err)
})
 
// ส่วนจัดการ error
app.use(function (err, req, res, next) {
    // กำหนด response local variables 
    res.locals.pageData = {
        title:'Error Page'
    }    
    res.locals.message = err.message
    res.locals.error = req.app.get('env') === 'development' ? err : {}
 
    // กำหนด status และ render หน้า error page
    res.status(err.status || 500) // ถ้ามี status หรือถ้าไม่มีใช้เป็น 500
    res.render('pages/error') 
})
 
app.listen(port, function() {
    console.log(`Example app listening on port ${port}!`)
})

const express = require('express')
const router = express.Router()

router.route('/')
    .get((req, res, next) => { 
        res.locals.pageData = {
            title:'Dashboard Page'
        }      
        res.render('pages/dashboard')    
    })

router.route('/logout')
    .get((req, res, next) => { 
        delete req.session.isLogined
        res.cookie('flash_message', 'Logout Complete!!',{maxAge:3000})
        res.redirect('/login')    
    })    

module.exports = router