< p >
使用 JWT（JSON Web Token）是一種流行的身份驗證方法，它在 JavaScript 開發(fā)中得到了廣泛的應(yīng)用。JWT 是一種基于 JSON 格式的輕量級的安全性跨域身份驗證方案。它不需要在服務(wù)器端保存客戶端的登錄狀態(tài)，大大簡化了服務(wù)器端的開發(fā)，也有利于提高性能。在本文中，我們將探討如何在 JavaScript 中使用 JWT 進(jìn)行身份驗證并給出相關(guān)的實例。

< p >
在前端開發(fā)中，我們通常會將用戶的身份信息存儲在本地。比如在瀏覽器中，我們可以使用 cookie 或者 local storage 等機(jī)制。不過，這些存儲方式都存在一些問題，比如 cookie 存儲容量有限，需要注意 CSRF 攻擊等問題。相對而言，使用 JWT 會更加的方便，安全，且易于擴(kuò)展。

< pre >
// 下面是一個使用 JWT 的例子
// 在登錄時將 JWT 身份信息存儲在 localStorage 中
localStorage.setItem('jwt', '...');
// 之后再次請求獲取數(shù)據(jù)時，將 jwt 存儲在請求頭中
const jwt = localStorage.getItem('jwt');
fetch('/api/data', {
headers: {
Authorization:Bearer ${jwt},
},
});

< p >
上面的代碼演示了一個使用 JWT 進(jìn)行身份驗證的場景。當(dāng)客戶端登錄成功時，服務(wù)器端會返回一個包含 JWT 身份信息的 token，客戶端可以將這個 token 存儲在本地，之后再次發(fā)往服務(wù)器時，在請求頭中帶上 JWT，服務(wù)器端就可以通過解析 JWT 身份信息，校驗請求的合法性，并且返回相應(yīng)的數(shù)據(jù)。

< pre >
// 使用 JWT 需要用到 base64 編解碼庫
// 例如將 obj 轉(zhuǎn)為 base64 字符串
const obj = { name: 'jwt', algorithm: 'HS256' };
const str = JSON.stringify(obj);
const encodedBase64Str = btoa(str);
// 將 base64 字符串轉(zhuǎn)為對象
const decodedBase64Str = atob(encodedBase64Str);
const decodeObj = JSON.parse(decodedBase64Str);

< p >
JWT 在承載載荷時使用了 base64 編/解碼算法。通過將載荷轉(zhuǎn)為 base64 編碼的字符串，可以使 JWT 數(shù)據(jù)更加緊湊，易于傳輸。在 JavaScript 中，可以通過內(nèi)置的 btoa 和 atob 函數(shù)，實現(xiàn) base64 編/解碼操作。對于從服務(wù)器端返回的 JWT 身份信息，我們可以通過解碼得到一個包含用戶身份信息的 JSON 對象。

< pre >
// 使用 jsonwebtoken 庫在 Node.js 中生成 JWT
const jwt = require('jsonwebtoken');
const token = jwt.sign({ id: 'user_id' }, 'secret_key', { algorithm: 'HS256' });
console.log(token);

< p >
在 Node.js 開發(fā)中，我們可以使用 jsonwebtoken 庫輕松生成 JWT。在上面的代碼中，jwt.sign 函數(shù)接受三個參數(shù)：第一個參數(shù)為需要加密的用戶數(shù)據(jù)，第二個參數(shù)為加密使用的密鑰，第三個參數(shù)是加密使用的算法。生成的 JWT token 可以返回給客戶端使用。

< pre >
// 使用 jsonwebtoken 庫在 Node.js 中校驗 JWT
const token = '...';
try {
const result = jwt.verify(token, 'secret_key', { algorithms: ['HS256'] });
console.log(result); // { id: 'user_id' }
} catch (err) {
console.error(err);
}

< p >
使用 jsonwebtoken 庫可以輕松地校驗 JWT。在上面的代碼中，jwt.verify 函數(shù)接受三個參數(shù)：第一個參數(shù)是需要校驗的 JWT token，第二個參數(shù)是加密使用的密鑰，第三個參數(shù)是加密算法。如果校驗成功，函數(shù)返回加密前的數(shù)據(jù)。

< p >
綜上所述，使用 JWT 身份驗證可以使我們的開發(fā)工作更加簡單，安全，且容易擴(kuò)展。當(dāng)我們能夠在 JavaScript 中掌握 JWT 方案后，我們就可以在 Web 開發(fā)中更加自如地處理用戶身份認(rèn)證等問題。