# 常見驗證機制 # 之 **JWT** 大法好 JWT aka JSON Web Token --- ## 常見驗證機制 - Cookie >儲存於用戶本機端的數據,放置於瀏覽器某資料夾下,利用 key-value 去存取 ---- - Session >儲存於伺服器端的數據,Session 產生一組對應的 uuid 存入 cookie 後傳回客戶端稱作 SessionID,客戶端再使用此與伺服器拿取相對應資料 ---- - JSON Web Token >儲存於伺服器端的數據,利用 header, payload, signature 三部分組成的token,以 base64url 進行編碼,signature 是對前面 payload 與 header 簽名,會依照 header 提供的加密方式進行加密,之後送回去 client 端儲存於cookie,每次要取得資源時會用此 token 放入 header 來取得資料 --- ## JWT長怎樣 ![](https://i.imgur.com/xNOdrmz.png) --- ## 流程 ![](https://i.imgur.com/M01Tw7g.jpg) --- ## JWT 實際應用 ![](https://i.imgur.com/jA9OLss.jpg) >這次的專案的使用者驗證我使用JWT來做數位簽證 --- ## 專案簡介 這次的個人專案我選擇一堂Udemy的課作為主題,內容是主要是以Node.js為核心來架設旅遊網站,並且融合基本的電商工具,讓我們實際能透過Mail Server來幫我們發訊息,然後可以讓使用者線上刷卡。 --- ## 好用工具 ### Mail ### [SendGrid](https://sendgrid.com) ### [MailTrap](https://mailtrap.io) ### 刷卡 ### [Stripe](https://stripe.com) --- ## 專案 DEMO ![](https://i.imgur.com/3umJMcX.jpg) >前端使用pug ---- ## 首頁照片 ![](https://i.imgur.com/xYtI2HO.jpg) ---- ## 活動詳細 ![](https://i.imgur.com/zA1JRH9.jpg) --- ## Udemy 好課分享! ### [這次專案參考的課程](https://www.udemy.com/share/101Wv6AEYYc1tUR3UH/) --- # Bonus ## 黃色小鴨除錯法 > 就是叫你冷靜好好重新想想,如果靜不下來就去跟黃色小鴨說話,或是IKEA的鯊鯊! ### [RubberDuckDebugging :duck:](https://rubberduckdebugging.com)
{"metaMigratedAt":"2023-06-16T01:23:56.795Z","metaMigratedFrom":"YAML","title":"常見驗證機制","breaks":true,"description":"JWT aka JSON Web Token","contributors":"[{\"id\":\"2ab5d91b-34a9-4f41-8b95-7b0b659c9df9\",\"add\":1518,\"del\":288}]"}
    380 views