在有會員機制下的 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...
回顧上次內容 介紹如何下載及安裝 Nodejs 使用 npm init 使用 npm express 介紹如何在本機端建立一個 web server 接下來...
最近想的嚐試自己記錄一些手邊的小事就從node js 開始吧 圖片來源 Node js node js 使用的是 javascript 的開放原始碼， 可以很容...
簡易明瞭的圖片步驟作法. What is Express ? it’s Framwork 讓使用者方便建立應用程式 . (day3)Framwork 有提到過...
簡介 使用node.js後，重新啟用一個Project後，環境往往需要重新建置，即使複製舊有專案，也需要花一些時間進行修改。因此小弟我整理了幾個比較常用的框架製...
Angular 網站實例 - 會員篇之後端 後端開始 後端完成今天的目標：完成會員中心後端，在後端加入提供投顧報告的功能，並且限定只有驗證過的 Http req...
洋蔥
‧
2018-01-07
Angular 網站實例 - 記得我之二篇 今天開始 今天完成後端開始 後端完成 前面完成了讓前端記住我的功能，但在實作的過程中，我們要的可能不只是登入狀態，今...
洋蔥
‧
2018-01-06
網站實例 - 用 express 做後端 後端開始 後端完成我們同樣地將後端的程式放在 github，您可以一步一步跟著做，或者直接用完成的部分。 安裝 exp...
洋蔥
‧
2018-01-03
圖片來源 延續之前的主題 Vuetify 中用到的技術大方向有： vue-router vuex vue-server-renderer webpack e...
HAO
KL KUO
東承來了
HunterLiu
iThome鐵人賽
看影片追技術