js使用sessionStorage、cookie保存token


本文是參考別人的博客寫的,圖片直接用的別人的

 

1、Token:token是客戶端頻繁向服務器端請求數據,服務器頻繁的去數據庫查詢用戶名和密碼進行對比,判斷用戶名和密碼正確與否,並作出相應的提示,在這樣的背景下,token便應運而生了。

2、使用token的目的:token的目的是為了減輕服務器的壓力,減少頻繁的查詢數據庫。

3、在前端請求后台的API接口的時候,為了安全性,一般需要再用戶登錄成功之后才能發送其他請求。

因此,在用戶登錄成功之后,后台會返回一個token給前端,這個時候我們就需要把token暫時保存在本地,每次發送請求的時候需要在header里邊帶上token(無需再次帶上請求名和密碼),這個時候本地的token和后台數據庫中的token進行一個驗證,如果兩者一致,則請求成功,否則失敗。

4、如何使用token?

①使用設備號/設備mac地址作為token(推薦)

客戶端:客戶端在登錄的時候獲取設備的設備號/mac地址,並將其作為參數傳遞到服務器端

服務器:服務器接收到該參數之后,使用一個變量接收同時將其作為token保存數據庫,並將該token設置在session中,客戶端每次請求的時候都要統一攔截,並將客戶端傳遞的token和服務器session中的token對比,如果相同則放下,不同則拒絕

優點:客戶端不需要重新登錄,只要登錄一次后就能一直使用

缺點:客戶端需要帶設備號/mac地址作為參數傳遞

②用session值作為token

客戶端:客戶端只需要攜帶用戶名和密碼即可登錄

服務端:客戶端接收到用戶名和密碼后並判斷,如果正確就將本地獲取sessionId作為token返回給客戶端,客戶端以后只需要帶上請求數據即可

登錄成功的token:

其他請求的時候,在header里面帶上token:

js使用cookie保存token(cookie在http請求中,隨着請求發送到服務器)
 
將token保存在cookie中,一旦瀏覽器關閉,cookie中的token就會被清空。

 

document.cookie = token;                          //將token保存在cookie中

var token = document.cookie.split(";")[0];    //從cookie中讀取token

js使用sessionStorage保存token
 

sessionStorage.setItem("key","value");       //保存數據到sessionStorage

var data = sessionStorage.getItem("key");   //獲取數據

sessionStorage.removeItem("key");                //刪除數據

sessionStorage.clear();                                  //刪除保存的所有數據

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM