全端勇士之路 Node.js 基礎學習-後端傳送提示訊息

發表於 2019-07-04 分類於 Nodejs

Google AD

撰寫一篇文章其實真的很花時間，如果你願意「關閉 Adblock (廣告阻擋器)」來支持我的話，我會非常感謝你ヽ(・∀・)ﾉ

Liker 讚賞

這篇筆記文章如果對你有幫助，
你可以考慮花 30 秒登入 LikeCoin 並點擊下方拍手按鈕(最多五下)免費支持與鼓勵我。
或者你可以也可以請我「喝一杯咖啡(Donate)」。

｜

有時候某些欄位會是透過後端傳送提示訊息過來，但是這些提示訊息通常只會顯示一次，所以這邊就會使用一個套件 connect-flash

前言

有時候某些欄位會是透過後端傳送提示訊息過來，但是這些提示訊息通常只會顯示一次，所以這邊就會使用一個套件 connect-flash

起手式

首先要先安裝套件

1	npm install --save connect-flash

使用方式

基本上 connect-flash 必須搭配 cookie & session 才能夠使用，那麼就直接在 app.js 中引入

var flash = require('connect-flash');
app.use(session({
  secret: 'keyboard cat', 
  resave: true, 
  saveUninitialized: true,
  cookie: { maxAge: 5000 }
}))
app.use(flash());

然後如何透過 route 傳送到前端呢?會使用這個方式 req.flash('info','Flash!') 而 Flash 只要被使用過一次就會消失，所以相當適合拿來當作欄位提示驗證

那麼在 EJS 就只需要簡單的使用 <%= info %> 即可，通常 req.flash 會搭配 res.redirect 轉道另一個 route，然後另一個 route 在使用 req.flash('info') 取出 flash 來使用

補充另一種驗證

另外還有另一種常見的驗證欄位套件也就是 express-validator，在這邊其實有一個非常詳細的介紹，所以就不多述

詳細說明網址