php7.2前端得到token后怎么保存

在Web开发过程中，我们经常会遇到需要保存token的场景，特别是在使用PHP7.2进行开发时，前端获取到token后，如何妥善保存它就显得尤为重要，下面,我将详细为大家介绍几种保存token的方法。

我们要明确token的作用，通常情况下，token用于身份验证和授权，确保用户在一段时间内可以安全地访问服务器资源，前端得到token后,有以下几种保存方式：

使用localStorage或sessionStorage保存

localStorage和sessionStorage是Web Storage API提供的一种在客户端存储数据的方式，它们的主要区别在于，localStorage保存的数据没有过期时间,而sessionStorage保存的数据在页面会话结束时会被清除。

以下是一个使用localStorage保存token的示例代码：

JavaScript

// 假设从服务器获取到的token为以下字符串
var token = '1234567890';
// 将token保存到localStorage
localStorage.setItem('token', token);
// 从localStorage获取token
var getToken = localStorage.getItem('token');

使用Cookie保存

Cookie也是一种在客户端保存数据的方式，但它与localStorage和sessionStorage的区别在于，Cookie会在每次请求时发送到服务器,以下是一个使用Cookie保存token的示例：

JavaScript

// 假设从服务器获取到的token为以下字符串
var token = '1234567890';
// 创建一个Cookie，设置过期时间为1天
document.cookie = 'token=' + token + ';expires=' + new Date(new Date().getTime() + 24 * 60 * 60 * 1000).toUTCString();
// 从Cookie中获取token
var getToken = document.cookie.match(/token=([^;]+)/);
if (getToken) {
    getToken = getToken[1];
}

使用Session保存

php7.2前端得到token后怎么保存

Session是一种在服务器端保存数据的方式，虽然这不是前端保存token的方法，但在这里提及一下，在PHP中,可以使用以下代码创建和获取Session：

PHP

// 启动Session
session_start();
// 设置token到Session中
$_SESSION['token'] = '1234567890';
// 从Session中获取token
$getToken = $_SESSION['token'];

使用IndexedDB保存

IndexedDB是一种在客户端存储大量结构化数据的低级API,以下是一个使用IndexedDB保存token的示例：

JavaScript

// 打开数据库
var openRequest = indexedDB.open('tokenDB', 1);
openRequest.onupgradeneeded = function(e) {
    var db = e.target.result;
    // 创建一个名为tokens的对象存储空间
    if (!db.objectStoreNames.contains('tokens')) {
        db.createObjectStore('tokens');
    }
};
openRequest.onerror = function(e) {
    console.log('IndexedDB error: ' + e.target.error);
};
// 保存token
function saveToken(token) {
    var db = openRequest.result;
    var transaction = db.transaction(['tokens'], 'readwrite');
    var store = transaction.objectStore('tokens');
    var putRequest = store.put(token, 'token');
    putRequest.onsuccess = function(e) {
        console.log('Token saved successfully');
    };
    putRequest.onerror = function(e) {
        console.log('Error saving token: ' + e.target.error);
    };
}
// 获取token
function getToken() {
    var db = openRequest.result;
    var transaction = db.transaction(['tokens'], 'readonly');
    var store = transaction.objectStore('tokens');
    var getRequest = store.get('token');
    getRequest.onsuccess = function(e) {
        console.log('Token retrieved: ' + getRequest.result);
    };
    getRequest.onerror = function(e) {
        console.log('Error retrieving token: ' + e.target.error);
    };
}
// 保存token
saveToken('1234567890');
// 获取token
getToken();