使用 `window.crypto.subtle.digest` 为字符串生成SHA-256哈希签名

使用 window.crypto.subtle.digest 方法，可以为字符串生成哈希签名。以下是一个示例，演示如何为字符串生成 SHA-256 哈希值：

async function generateHash(text) {
    // 将文本编码为 UTF-8 字节数组
    const encoder = new TextEncoder();
    const data = encoder.encode(text);

    // 生成哈希值
    const hashBuffer = await window.crypto.subtle.digest('SHA-256', data);

    // 将哈希值转换为十六进制字符串
    const hashArray = Array.from(new Uint8Array(hashBuffer));
    const hashHex = hashArray.map(byte => byte.toString(16).padStart(2, '0')).join('');

    return hashHex;
}

// 使用示例
generateHash('Hello, World!').then(hash => {
    console.log('Hash:', hash);
});

解释

1. 文本编码：

   • 使用 TextEncoder 将字符串编码为 UTF-8 字节数组。这是因为 crypto.subtle.digest 方法需要二进制数据作为输入。

2. 生成哈希值：

   • 调用 window.crypto.subtle.digest 方法，传入算法名称（如 'SHA-256'）和编码后的字节数组。
   • 该方法返回一个 Promise，解析为包含哈希值的 ArrayBuffer。

3. 转换为十六进制字符串：

   • 将 ArrayBuffer 转换为 Uint8Array，以便逐字节处理。
   • 将每个字节转换为两位的十六进制字符串，并拼接成一个完整的十六进制字符串。

注意事项

• 异步操作：crypto.subtle.digest 是一个异步操作，返回一个 Promise。因此，你需要使用 async/await 或 then 方法来处理结果。
• 算法选择：你可以根据需要选择不同的哈希算法，如 'SHA-1', 'SHA-256', 'SHA-384', 'SHA-512' 等。

通过上述步骤，你可以轻松地为字符串生成哈希签名，并在前端应用中使用这些签名进行数据完整性验证或其他安全操作。