javascript - 使用 Microsoft Edge 的 Web 加密 API (38.14393.0.0)

Question

我在 Chrome(自首次支持 Web Crypto 以来)、Firefox(自首次支持 Web Crypto 以来)甚至在支持 WebCrypto Liner 和 pollyfill 的 Safari TP (10.2) 上成功使用了 Web Crypto API ( https://www.w3.org/TR/WebCryptoAPI/)对于 WebCrypto API(https://github.com/PeculiarVentures/webcrypto-liner)。

现在我想使用 Microsoft Edge 测试我们的代码。但是加密和解密示例 ArrayBuffer 已经失败。这里的代码:

var crypto = window.crypto;
if (crypto.subtle) {
    var aesGcmKey = null;
    // always create a new, random iv in production systems!!!
    var tempIv = new Uint8Array([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16]);
    // needed for edge, if additional data missing decrypting is failing
    var tempAdditionalData = new Uint8Array(0);
    var dataToEncrypt = new Uint8Array([1, 2, 3, 4, 5]);

    // 1.) generate key
    var generateKeyPromise = crypto.subtle.generateKey(
        {name: "AES-GCM", length: 256}, true, ["encrypt", "decrypt"]
    );
    generateKeyPromise.then(function (tempKey) {
        aesGcmKey = tempKey;
        // 2.) start encryption with this key
        var encryptedDataPromise = crypto.subtle.encrypt(
            {name: "AES-GCM", iv: tempIv, additionalData: tempAdditionalData, tagLength: 128},
            aesGcmKey,
            dataToEncrypt
        );
        encryptedDataPromise.then(function (encryptedData) {
            // 3.) decrypt using same key
            var decryptedDataPromise = crypto.subtle.decrypt(
                {name: "AES-GCM", iv: tempIv, additionalData: tempAdditionalData, tagLength: 128},
                aesGcmKey,
                encryptedData
            );
            decryptedDataPromise.then(function (decryptedData) {
                // 4.) compare decrypted array buffer and inital data
                console.log('data decrypted!');
                console.log(decryptedData);
            });
            decryptedDataPromise.catch(function (error) {
                console.log('decrypting sample data failed');
                console.log(error);
            });
        });
        // if 2.) is failing
        encryptedDataPromise.catch(function (error) {
            console.log('encrypting sample data failed');
            console.log(error);
        });
    });
    // if 1.) is failing
    generateKeyPromise.catch(function (error) {
        console.log('creating aec gcm key failed');
        console.log(error);
    });
}

此代码在 Edge 上的解密阶段(代码中的第 3 步)失败，但在 Chrome、Firefox 甚至 Safari 上运行良好。有线部分是解密的 DataPromise 被异常拒绝，但返回的数据看起来根本不像异常:

[object Object] {additionalData: Uint8Array {...}, iv: Uint8Array {...}, name: "AES-GCM", tagLength: 128}

有人知道为什么这在 Microsoft Edge 上失败了吗？

Answer 1

如评论中所建议，将 IV 的大小从 16 改为 12 并将附加数据包含 1 而不是 0 修复了 Edge 中的问题

var tempIv = new Uint8Array([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]);
var tempAdditionalData = new Uint8Array(1);

您关于附加数据的评论 “//edge 需要，如果附加数据丢失解密失败” 确实不需要。 additionalData 可以为空

我在 MSDN 中查找关于 encrypt 的信息操作，但没有记录此行为。所以我觉得WebCrypto的实现还不够成熟，还有小bug