create account

HiveSnap - Basic JWT-based Authentication flow - JWT 學習日記 - 003 by nuagnorab

View this thread on: hive.blogpeakd.comecency.com
· @nuagnorab · (edited)
$4.47
HiveSnap - Basic JWT-based Authentication flow - JWT 學習日記 - 003
剛開始學習使用有關 JWT 的 Authentication。

前天談到什麼是 JWT (JSON Web Token)?
[SteemSnap - JWT (JSON Web Token) 學習日記 - 01](https://steemcn.herokuapp.com/hive-180932/@nuagnorab/steemsnap-jwt-json-web-token-01)

昨天簡介一下 Basic session-based Authentication flow。
 [SteemSnap - JWT (JSON Web Token) 學習日記 - 02 - Basic session-based Authentication flow](https://steemcn.herokuapp.com/hive-180932/@nuagnorab/steemsnap-jwt-json-web-token-02-basic-session-based-authentication-flow)

---


今天想接著簡介一下 Basic JWT-based Authentication flow. 我是跟據使用上 ```passport-jwt``` 簡化後的 flow.

![](https://hackernoon.com/photos/pazJZnCJTqSZxQS4tltZo4Gatbo1-fo8h3yl1)

1. 用戶使用 credentials 登錄
2. 後端服務器驗證 credentials,屴功後簽署```JWT```,然後將該```JWT```發送回用戶的客户端。
3. 用戶將通過本地存儲將JWT存儲在客户端瀏覽器中。
4. 對於每個請求,客戶端(通常是 React / vue 應用程序)會將存儲在```localStorage```中的```JWT```添加到```Authorization HTTP header``` 中(類似於 ```session``` 存儲在Cookie header 中的方式)
5. 對於每個請求,後端應用程序將運行 ```passport.authenticate()```中間件,該中間件將從```Authorization HTTP header```中提取```JWT```,使用公共密鑰進行驗證,允許或禁止用戶訪問路線或進行API調用 。

---

以上就是簡單的 JWT-based Authentication flow 了。

下次會比較一下 Session-based 和 JWT-based 的。

Cheers!
👍  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , and 232 others
👎  
properties (23)
authornuagnorab
permlinksteemsnap-basic-jwt-based-authentication-flow-jwt-003
categoryhive-105017
json_metadata{"app":"peakd/2020.07.1","format":"markdown","image":["https://hackernoon.com/photos/pazJZnCJTqSZxQS4tltZo4Gatbo1-fo8h3yl1"],"links":["https://steemcn.herokuapp.com/hive-180932/@nuagnorab/steemsnap-jwt-json-web-token-01","https://steemcn.herokuapp.com/hive-180932/@nuagnorab/steemsnap-jwt-json-web-token-02-basic-session-based-authentication-flow"],"tags":["cn","cn-reader","cn-curation","palnet","neoxian","build-it"],"users":["nuagnorab"]}
created2020-07-06 17:06:03
last_update2020-07-07 16:24:33
depth0
children0
last_payout2020-07-13 17:06:03
cashout_time1969-12-31 23:59:59
total_payout_value2.256 HBD
curator_payout_value2.218 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length1,113
author_reputation125,097,310,898,849
root_title"HiveSnap - Basic JWT-based Authentication flow - JWT 學習日記 - 003"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id98,375,596
net_rshares12,252,601,263,851
author_curate_reward""
vote details (297)