node.js 之所以能夠運行 JavaScript 程式碼，是因為底層依賴 google 在 chrome 中使用的 V8 引擎，它是一個跑得非常快的 Jav...
成功要選人少的路走，套件要選人多的來用 如何選擇 Node.js 中發出 Request 的套件？ 雖然眾多的套件都能實現這個目標，但還是把套件做個簡單的...
Webpack 是什麼？ 圖片來源 Webpack 是一個打包工具，經常用於前端領域，能夠將各個依賴的檔案進行 bundle， 更提供了預處理的功能，使 sas...
表單驗證是很常見的需求，不論是前後端都會碰到，有一種設計模式很適合處理這類型的事情，就是 Pipe，透過 Pipe 將表單所有的資料驗證一遍，能確保 Contr...
不曉得有沒有人會覺得很困惑，上一篇出現了 JWTPayloadDTO，但使用的時機點是在 Request 的時候，而不是 Response，這是什麼原因呢？讓我...
如果一個套件無法解決問題，那就用兩個吧！ 思考一下昨天的排程有什麼缺點 昨天完成的排程其實有幾個缺點： 在終端機(Terminal)執行排程後你必須保持...
今天這篇目標進度要來做輸入帳號的驗證 為什麼會有這篇的誕生呢? 原因是因為...我把它給忘了xD 之前在做登入驗證時，偷懶跳過了驗證直接讓帳號通過: if (...
餅乾
‧
2020-10-09
在有會員機制下的 TodoList 中，每一筆的 Todo 都應該有一個擁有者，這樣才能知道該筆 Todo 是誰的，誰才有權限可以存取它，所以建立關聯就變得很重...
什麼是 Guard？ Guard 是一種檢測機制，就像公司警衛一樣，沒有員工身份他不會讓你進入公司，同樣的道理，若用於需要會員身份的操作並且未使用會員身份，就會...
今天要來做頭像菜單的最後一個功能 - 登出 內容包含登出時要呼叫的API及處理!! #登出API 登出API相對前面做過的API來說算最簡單的，因為不需要連...
餅乾
‧
2020-10-08
前言 前幾天在拉公司的專案時，不知為何 npm 一直安裝失敗，嘗試了各種方法也沒成功。所幸想試試切換 NodeJS 的版本來看看。 剛開始還在苦惱說 Windo...
為什麼要寫這個主題呢？原因是我想如果前端開發者要接觸後端領域，「通常」會選擇 Node.js ，畢竟不用學另外的語言，npm 開發生態系也是相通的，不過最近出了...
前一篇完成了註冊機制，但在註冊完成時，應該要有個媒介讓我們能夠使用該帳戶，以該帳戶的名義進行操作，而不是取得整個帳戶資料，那要如何產生所謂的媒介又同時享有該帳戶...
今天會做兩個API 帳戶清單: 包含已登入、未登入的帳戶 帳戶移除: 顧名思義就是把清單中的帳戶移除 開啟後端(b2e)專案開始吧~ #帳戶清單API實...
餅乾
‧
2020-10-06
大部分的系統都會有帳戶機制，其中涉及的部分不外乎就是註冊、登入與驗證，這部分內容較多，我會拆成上下兩篇，這篇會先實作註冊帳號的部分。 規劃路由 不曉得大家還記不...
前情提要 最近公司正在改組，手上的工作都完成了，我所處的部門正在交接工作給其它團隊準備轉調新部門。正處在無聊的時候主管交給我一個新任務，我們的品管部門想要有一個...
複習一下，第一支API做的登入會將Token以簽章加密的方式存入cookie而存入之後就可以在需要做登入狀態驗證的頁面上，再次將Token傳到後端來驗證，藉此...
餅乾
‧
2020-10-05
什麼是 Repository？ 前一篇的小結有提到 Service 應該要把取資料的邏輯切出去，讓 Service 只專注在處理資料，而取資料的邏輯正是放在 R...
爬蟲是一個技術，他將網頁的數據收集下來Google Sheets 是一個容器，他可以儲存資料並將資料以不同面向做展示爬蟲 Ｘ Google Sheets ＝...
Token Bug 已經讓它飛很久了，是時候開殺了~ #Token邏輯修改 首先規劃要回到原本controller及module的初衷，controller...
餅乾
‧
2020-10-05
什麼是 Service？ Service 是很常見的設計模式，通常會把商業邏輯寫在 Service 層，才不會讓 Controller 過於笨重，這個設計模式在...
如果說爬蟲是在鍛鍊你分析網頁的能力，那麼 Google Sheets 就是在教你閱讀官方文件的技巧 爬蟲資料如何自動化的塞入Google Sheets?...
前面幾篇已經把 Model 、 View 、 Controller 都交代完畢了，現在可以將它們組裝起來，變成一個簡單的 TodoList API Server...
盡信書不如無書 你知道官方範例在做什麼事情嗎? 在跟著官方步驟完成後，這些也是我們要注意的事情 我們安裝了什麼套件? 如果你有用 github 版控...
Model 就是負責處理資料與業務邏輯的地方，我們使用的資料庫為 MongoDB，並用 mongoose 套件來輔助設計，所以會依照 mongoose 的設計方...
學會了前端對後端的API串接，並且實作了登入的動作雖然很開心，但是就只有登入而已!!換句話說，就是後端只告訴你「哦～你的帳號密碼是對的，好蚌蚌喔，讓你登入吧～...
餅乾
‧
2020-10-02
後端第一支API完成後要回到前端囉~進度目標是實作登入對後端進行驗證!! 開發一個系統，最困難的就是前後端的交流，前端連不到後端的情況時常發生，而且都不好處理...
餅乾
‧
2020-10-02
上一篇安裝的 Compass 工具真的很好玩，後來我又自己玩了一下xD不過很可惜今天用不到它了~ 今天進度目標是要把後端API連線資料庫，做真實資料的判斷!!...
餅乾
‧
2020-10-02
專案最基本的就是：符合客戶預算與實際使用需求 為什麼選擇 Google Sheets 作為資料載體? 一般來說爬蟲的資料都是儲存到資料庫，但是我相信絕大多...
前一篇的小結有提到現在的回傳與錯誤處理機制不夠自動化，每次都要輸入 res.status(status).json(obj) ，這樣不夠 懶惰 聰明。我們先從錯...
HAO
寶寶出頭天
Yuri Tsai
莫力全 Kyle Mo
iThome鐵人賽
看影片追技術