<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          【Web技術】855- 八幅漫畫理解 JWT單點登錄設計

          共 1940字,需瀏覽 4分鐘

           ·

          2021-02-02 02:03

          本文地址:http://blog.leapoahead.com/2015/09/07/user-authentication-with-jwt/

          今天看到這篇用漫畫描述 JWT,忍不住想分享,小伙伴們不妨一起來看下,以下是正文。

          用戶認證八步走

          所謂用戶認證(Authentication),就是讓用戶登錄,并且在接下來的一段時間內讓用戶訪問網站時可以使用其賬戶,而不需要再次登錄的機制。

          小知識:可別把用戶認證和用戶授權(Authorization)搞混了。用戶授權指的是規(guī)定并允許用戶使用自己的權限,例如發(fā)布帖子、管理站點等。

          首先,服務器應用(下面簡稱“應用”)讓用戶通過Web表單將自己的用戶名和密碼發(fā)送到服務器的接口。這一過程一般是一個HTTP POST請求。建議的方式是通過SSL加密的傳輸(https協(xié)議),從而避免敏感信息被嗅探。

          接下來,應用和數據庫核對用戶名和密碼。

          核對用戶名和密碼成功后,應用將用戶的id(圖中的user_id)作為JWT Payload的一個屬性,將其與頭部分別進行Base64編碼拼接后簽名,形成一個JWT。這里的JWT就是一個形同lll.zzz.xxx的字符串。

          應用將JWT字符串作為該請求Cookie的一部分返回給用戶。注意,在這里必須使用HttpOnly屬性來防止Cookie被JavaScript讀取,從而避免跨站腳本攻擊(XSS攻擊)。

          在Cookie失效或者被刪除前,用戶每次訪問應用,應用都會接受到含有jwt的Cookie。從而應用就可以將JWT從請求中提取出來。

          應用通過一系列任務檢查JWT的有效性。例如,檢查簽名是否正確;檢查Token是否過期;檢查Token的接收方是否是自己(可選)。

          應用在確認JWT有效之后,JWT進行Base64解碼(可能在上一步中已經完成),然后在Payload中讀取用戶的id值,也就是user_id屬性。這里用戶的id為1025。

          應用從數據庫取到id為1025的用戶的信息,加載到內存中,進行ORM之類的一系列底層邏輯初始化。

          應用根據用戶請求進行響應。

          和Session方式存儲id的差異

          Session方式存儲用戶id的最大弊病在于要占用大量服務器內存,對于較大型應用而言可能還要保存許多的狀態(tài)。一般而言,大型應用還需要借助一些KV數據庫和一系列緩存機制來實現Session的存儲。

          而JWT方式將用戶狀態(tài)分散到了客戶端中,可以明顯減輕服務端的內存壓力。除了用戶id之外,還可以存儲其他的和用戶相關的信息,例如該用戶是否是管理員、用戶所在的分桶(見[《你所應該知道的A/B測試基礎》一文]等。

          雖說JWT方式讓服務器有一些計算壓力(例如加密、編碼和解碼),但是這些壓力相比磁盤I/O而言或許是半斤八兩。具體是否采用,需要在不同場景下用數據說話。

          單點登錄

          Session方式來存儲用戶id,一開始用戶的Session只會存儲在一臺服務器上。對于有多個子域名的站點,每個子域名至少會對應一臺不同的服務器,例如:

          所以如果要實現在login.taobao.com登錄后,在其他的子域名下依然可以取到Session,這要求我們在多臺服務器上同步Session。

          使用JWT的方式則沒有這個問題的存在,因為用戶的狀態(tài)已經被傳送到了客戶端。因此,我們只需要將含有JWT的Cookie的domain設置為頂級域名即可,例如

          Set-Cookie:?jwt=lll.zzz.xxx;?HttpOnly;?max-age=980000;?domain=.taobao.com

          注意domain必須設置為一個點加頂級域名,即.taobao.com。這樣,taobao.com和*.taobao.com就都可以接受到這個Cookie,并獲取JWT了。

          1. JavaScript 重溫系列(22篇全)
          2. ECMAScript 重溫系列(10篇全)
          3. JavaScript設計模式 重溫系列(9篇全)
          4.?正則 / 框架 / 算法等 重溫系列(16篇全)
          5.?Webpack4 入門(上)||?Webpack4 入門(下)
          6.?MobX 入門(上)?||??MobX 入門(下)
          7. 100+篇原創(chuàng)系列匯總

          回復“加群”與大佬們一起交流學習~

          點擊“閱讀原文”查看 100+ 篇原創(chuàng)文章


          瀏覽 40
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          評論
          圖片
          表情
          推薦
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  丝瓜视频污片 | 无码一区二区三区中文 | 黄色大片一级片 | 亚洲在线视频免费看 | 一卡二卡高清无码 |