設定 auth middleware，在所有路由上增加認證功能，不管做任何 post、 put、delete 動作都需要 auth 認證。 auth 即為 認證(authentication) 步驟 新增 auth.js 檔案在 config 資料夾。 將邏輯加入路由器，收到請求時檢查使用者權限。 ...

Session & Cookie甚麼是 Session?追蹤同一使用者透過瀏覽器發出的連續請求時，可以製作一組憑證，紀錄設備間的交流，這種機制叫 session。 session 是擁有所有使用者登入紀錄的龐大物件，物件裡都是 key-value pair， session id(sid)、 ...

使用 Passport 認證策略中的，facebook 登入認證，透過 OAuth 2.0 機制，取得使用者同意後，使我們可以快速登入。 OAuth處理流程中有四個角色 資源擁有者: 帳號資料使用者。(User) 授權伺服器: 取得使用者許可後簽發 access token 的第三方網站(face ...

AC課程，學習如何撰寫登入功能。 使用者故事 使用者可以在註冊頁面輸入名字。 使用者成功註冊後，可以再登入頁面透過 email 、密碼登入。 使用者成功登入後，可以看到屬於自己的資訊頁面。 使用者可以登出，登出後回到登入頁面。 註冊畫面(註冊失敗回到畫面，顯示提示) → 註冊/登入 成功到達主頁 ...

實作 Udemy The Web Developer Bootcamp 課程的 form 表格 form 表格form 表格是一個 block element，可以將內容物打包傳送需要回傳的資料，其property有 action: where the form send data to meth ...

重新練習熟悉 table 標籤，透過課程提供材料完成實作 table 標籤table 標籤: <table></table>: mean a table. <tr></tr>: a row in a table. <th></th& ...

AC 課程教材，講解在 RESTful 中的 POST 與 GET 差異，以及產生密碼邏輯。 GET 與 POST 差異<form> 表單元素中有 action、method。<form action="/" method="POST"></form> actio ...

關於JavaScript開發環境的練習，認識工具，安裝 Node.js 以及相關會使用到的工具 Express、 handlerbars 2Wwhat?Node.js 是什麼?Node.js 是為 JavaScript 執行環境(run-time envirnment)，由於 JavaScript ...

透過 AC 課程作業，利用 node.js 環境加上 express 和 handlerbars 等工具進行實作，主要紀錄邏輯想法。 安裝mkdir trash_talkcd trash_talknpm init -ynpm i express express-handlerbars body-pa ...

Windows 安裝安裝過程中勾選 Add “Open with Code” action 選項，之後可以在檔案使用右鍵開啟 VSCode。 設定程式碼縮排File > Preference > Settings For windows進入 Settings : Workbench & ...