Vue - Morning Things 專案(四) - 顯示新聞區域

這一篇來講顯示新聞的區域,從建立一個後端來獲得 RSS 並將它們整理好,再由 Vue 來呼叫 API 獲得並在最後顯示出來。 ...

June 12, 2023 · 3 min · Chen Yu Fan

Node.js + JWT Authentication 專案(三) - 專案 Controller 與 Middleware

最後一章就要來完成整個專案,把剩下的 Controller、Middleware 與 Routes 完成即可。 ...

April 17, 2023 · 6 min · Chen Yu Fan

Node.js + JWT Authentication 專案(二) - 資料庫 Models 與 JWT

此篇章會使用 Typegoose 來建立資料庫的 models,並且設定獲得與驗證 JWT 的方法。 ...

April 16, 2023 · 5 min · Chen Yu Fan

Node.js + JWT Authentication 專案(一) - 初始化專案

這個專案會使用 Node.js 和 TypeScript 來建構 REST API 後端,使用 JWT 來實作身分認證與授權。 此專案會遵循我慣用的 OOP 架構 et860525/express-project-architecture,有鑑於上一次專案的經驗,由於這些都只是小專案,我不會把所有東西都全部都包在 class 裡面 建構此專案會用到的重要套件: Package Usage Express Web 應用框架 TypeScript 開發工具 Mongoose 訪問資料庫 Docker 應用容器化 MongoDB 儲存使用者的資料庫 Redis 儲存使用者緩存的 session 資料庫 JsonWebToken 產生 JWTs Bcryptjs 密碼加密 Zod 驗證使用者的輸入 Typegoose 使用 TypeScript 優化 Mongoose 模型 Dotenv 讀取環境變數 Cors 允許資料能在前端與後端之間分享 lodash 對 JavaScript 的功能擴充 ts-node-dev 當檔案變更時自動重啟 ...

April 11, 2023 · 3 min · Chen Yu Fan

初試 WebSocket

WebSocket 是由 HTML 5 所提供用於讓瀏覽器與伺服器進行互動通訊的技術。 WebSocket 只需要連線一次,就能保持與伺服器的雙向溝通,無須重新發送 Request,這也讓回應更即時與快速。 ...

March 20, 2023 · 5 min · Chen Yu Fan