今天要針對Routes和Middleware的部份進一步了解Express框架。 Express中的Routes Routing(路由)在網頁應用程式中是指網址...
從今天開始，程式碼和實作練習的部份會佔比較多的部份，終於要進入實用的NodeJS網頁框架-Express了。 Express Express是NodeJS後端開...
今天要開始製作購物車系統所需的VScode環境。GO GO ~ 以下內容有參考教學影片，底下有附網址。(內容包括我的不專業解說分析及在實作過程中遇到的困難與解決...
補充 經過這 30 天的考驗(?)，如果對 Express 與 MVC 架構情有獨鍾，又對 TypeScript 愛不釋手的話，有個框架非常適合你！它是基於 E...
node.js 之所以能夠運行 JavaScript 程式碼，是因為底層依賴 google 在 chrome 中使用的 V8 引擎，它是一個跑得非常快的 Jav...
Webpack 是什麼？ 圖片來源 Webpack 是一個打包工具，經常用於前端領域，能夠將各個依賴的檔案進行 bundle， 更提供了預處理的功能，使 sas...
表單驗證是很常見的需求，不論是前後端都會碰到，有一種設計模式很適合處理這類型的事情，就是 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 這個套件了，它是一個 ODM...
只要有應用必定有黑帽駭客的出現，要做好防範黑客的機制在現今已經是標配，雖然不見得是資安大師，但至少要把最基本的防禦做好，善盡工程師的責任！Express 官方在...
阿呆最近在寫一個案子，是前後端分離的架構，前端與後端各有自己的網域，正當他開開心心要從前端 POST 一筆資料到後端時，發生了錯誤，按下 F12 看到了這個錯誤...
說到 Express 的錯誤處理機制，就要先來談談 node.js 的 錯誤優先處理(Error-First)，這是一種風格，大致上是長這樣的： const m...
只是個幫助忙碌的專業人士和父母找回時間、平衡生活的斜槓老爸。 我探索人生的大小賽局，分享優化人生的實用觀點（關於人類、科技和未來）。 在我的個人網站上獲取最新的...
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 或是 We...
chwk
rueiruei
HAO
KL KUO
iThome鐵人賽
看影片追技術