javascript - 如何使用 Crypto Web API 获取 HMAC

Question

如何使用 Crypto Web API (window.crypto) 在浏览器中获取 HMAC-SHA512(key, data)？

目前我正在使用 CryptoJS 库，它非常简单:

CryptoJS.HmacSHA512("myawesomedata", "mysecretkey").toString();

结果是 91c14b8d3bcd48be0488bfb8d96d52db6e5f07e5fc677ced2​​c12916dc87580961f422f9543c786eebfb5797bc3febf796b929efac5c83b4ec69228927f21a03a。

我想摆脱额外的依赖并开始使用 Crypto Web API。我怎样才能得到相同的结果？

Answer 1

回答我自己的问题。下面的代码返回与 CryptoJS.HmacSHA512("myawesomedata", "mysecretkey").toString();

相同的结果

由于 WebCrypto 是异步的，因此到处都有 promise :

// encoder to convert string to Uint8Array
var enc = new TextEncoder("utf-8");

window.crypto.subtle.importKey(
    "raw", // raw format of the key - should be Uint8Array
    enc.encode("mysecretkey"),
    { // algorithm details
        name: "HMAC",
        hash: {name: "SHA-512"}
    },
    false, // export = false
    ["sign", "verify"] // what this key can do
).then( key => {
    window.crypto.subtle.sign(
        "HMAC",
        key,
        enc.encode("myawesomedata")
    ).then(signature => {
        var b = new Uint8Array(signature);
        var str = Array.prototype.map.call(b, x => x.toString(16).padStart(2, '0')).join("")
        console.log(str);
    });
});