補充 經過這 30 天的考驗(?),如果對 Express 與 MVC 架構情有獨鍾,又對 TypeScript 愛不釋手的話,有個框架非常適合你!它是基於 E...
node.js 之所以能夠運行 JavaScript 程式碼,是因為底層依賴 google 在 chrome 中使用的 V8 引擎,它是一個跑得非常快的 Jav...
Webpack 是什麼? 圖片來源 Webpack 是一個打包工具,經常用於前端領域,能夠將各個依賴的檔案進行 bundle, 更提供了預處理的功能,使 sa...
表單驗證是很常見的需求,不論是前後端都會碰到,有一種設計模式很適合處理這類型的事情,就是 Pipe,透過 Pipe 將表單所有的資料驗證一遍,能確保 Contr...
不曉得有沒有人會覺得很困惑,上一篇出現了 JWTPayloadDTO,但使用的時機點是在 Request 的時候,而不是 Response,這是什麼原因呢?讓我...
在有會員機制下的 TodoList 中,每一筆的 Todo 都應該有一個擁有者,這樣才能知道該筆 Todo 是誰的,誰才有權限可以存取它,所以建立關聯就變得很重...
什麼是 Guard? Guard 是一種檢測機制,就像公司警衛一樣,沒有員工身份他不會讓你進入公司,同樣的道理,若用於需要會員身份的操作並且未使用會員身份,就會...
前一篇完成了註冊機制,但在註冊完成時,應該要有個媒介讓我們能夠使用該帳戶,以該帳戶的名義進行操作,而不是取得整個帳戶資料,那要如何產生所謂的媒介又同時享有該帳戶...
大部分的系統都會有帳戶機制,其中涉及的部分不外乎就是註冊、登入與驗證,這部分內容較多,我會拆成上下兩篇,這篇會先實作註冊帳號的部分。 規劃路由 不曉得大家還記不...
什麼是 Repository? 前一篇的小結有提到 Service 應該要把取資料的邏輯切出去,讓 Service 只專注在處理資料,而取資料的邏輯正是放在 R...
什麼是 Service? Service 是很常見的設計模式,通常會把商業邏輯寫在 Service 層,才不會讓 Controller 過於笨重,這個設計模式在...
前面幾篇已經把 Model 、 View 、 Controller 都交代完畢了,現在可以將它們組裝起來,變成一個簡單的 TodoList API Server...
Model 就是負責處理資料與業務邏輯的地方,我們使用的資料庫為 MongoDB,並用 mongoose 套件來輔助設計,所以會依照 mongoose 的設計方...
前一篇的小結有提到現在的回傳與錯誤處理機制不夠自動化,每次都要輸入 res.status(status).json(obj) ,這樣不夠 懶惰 聰明。我們先從錯...
概念 Controller 最主要的任務就是負責收發請求,通常在回傳資訊的時候,會用統一的格式進行回傳,統一格式的部分可以透過 Response Object...
建置 RouteBase Route Module 的設計可以很多樣, 最重要的功能即定義路由 ,所以要在 constructor() 去觸發路由註冊,這就是...
規劃之前... 不曉得大家有沒有覺得前面幾篇的教學文毫無架構可言,但還是可以做到我們要做到的事情,這是最可怕的地方,因為雜亂無序的程式碼在規模越來越大以後會變得...
Schema 在 MongoDB 裡每一筆資料我們稱為 Document,Schema 就是在 替 Document 規劃有哪些欄位以及這些欄位的規則 ,實作的...
mongoose 是什麼? 圖片來源 Express 要與 MongoDB 溝通的方式有好幾種,其中最知名的就是 mongoose 這個套件了,它是一個 OD...
只要有應用必定有黑帽駭客的出現,要做好防範黑客的機制在現今已經是標配,雖然不見得是資安大師,但至少要把最基本的防禦做好,善盡工程師的責任!Express 官方在...
阿呆最近在寫一個案子,是前後端分離的架構,前端與後端各有自己的網域,正當他開開心心要從前端 POST 一筆資料到後端時,發生了錯誤,按下 F12 看到了這個錯誤...
說到 Express 的錯誤處理機制,就要先來談談 node.js 的 錯誤優先處理(Error-First),這是一種風格,大致上是長這樣的: const m...
from How to create an http server with Express in Node.js 前篇 提到 「語言框架 framewo...
body-parser 是什麼? body-parser 是 Express 經常使用的中介軟體,用於解析請求的資料(body),比如說:POST 一筆 JSO...
Express 基本結構 import express from 'express'; const app = express(); 上方的範例程式碼定義 a...
建立專案 建議使用 git 進行版本控制 在安裝 node.js 的時候會一起安裝套件管理器 npm ,我們要透過 npm 來管理專案所使用的套件,所以要進...
Express 是什麼? 圖片來源 Express 是一個成熟的 node.js Web 框架,基本上使用 node.js 寫 Web Server 或是 W...
回顧上次內容 介紹如何下載及安裝 Nodejs 使用 npm init 使用 npm express 介紹如何在本機端建立一個 web server 接下來...
最近想的嚐試自己記錄一些手邊的小事 就從node js 開始吧 圖片來源 Node js node js 使用的是 javascript 的開放原始碼, 可以...
簡易明瞭的圖片步驟作法. What is Express ? it’s Framwork 讓使用者方便建立應用程式 . (day3)Framwork 有提到過...