为什么我的 crypto.sublte.digest 实现会导致等长字符串的等价十六进制散列？

Question

以下代码改编自这两个来源：

http://qnimate.com/hashing-using-web-cryptography-api/

https://developer.mozilla.org/en-US/docs/Web/API/SubtleCrypto/digest

(function () {
    "use strict";

    var crypto = window.crypto || window.msCrypto;

    if (typeof crypto.subtle === "undefined") {
        return;
    }

    function convertStringToArrayBuffer (str) {
        var strLength = str.length, buffer = new ArrayBuffer(strLength), i = 0;
        while (i < strLength) {
            buffer[i] = str.charCodeAt(i);
            i += 1;
        }
        return buffer;
    }

    function convertBufferToHex (buffer) {
        var data = new DataView(buffer), i = 0, 
            dataLength = data.byteLength, cData = null,
            hexValue = '';

        while (i < dataLength) {
            cData = data.getUint8(i).toString(16);
            if (cData.length < 2) {
                cData = '0' + cData;
            }

            hexValue += cData;
            i += 1;
        }
        return hexValue;
    }

    function digest (str) {
        var buf = convertStringToArrayBuffer(str);

        return crypto.subtle.digest("SHA-256", buf).then(function (hash) {
            return convertBufferToHex(hash);
        });
    }

    window.sha256 = {
        "convertStringToArrayBuffer": convertStringToArrayBuffer,
        "convertBufferToHex": convertBufferToHex,
        "digest": digest
    };
}());

在 Chrome 或 Firefox 控制台中使用 sha256.digest("this string").then(function (x) { console.log(x) } ); 和 sha256.digest("that strong").then(function (x) { console.log(x) } ); 时会产生相同的十六进制字符串运行。

事实上，任何两个长度相同的字符串都将具有相同的十六进制表示形式。

我读过的所有内容都表明很少有两个等价的哈希值。这意味着我在这里做错了什么。我不知道那是什么东西。

Answer 1

好吧，我终于明白了。

根据 MDN https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer，您不能直接为 ArrayBuffer 赋值。

相反，您必须使用 Uint8Array、Uint16Array、DataView 等来为 ArrayBuffer 赋值。

所以我改了

function convertStringToArrayBuffer (str) {
    var strLength = str.length, buffer = new ArrayBuffer(strLength), i = 0;
    while (i < strLength) {
        buffer[i] = str.charCodeAt(i);
        i += 1;
    }
    return buffer;
}

至

function convertStringToArrayBuffer (str) {
    var strLength = str.length, buffer = new Uint8Array(strLength), i = 0;
    while (i < strLength) {
        buffer[i] = str.charCodeAt(i);
        i += 1;
    }
    return buffer;
}

瞧！ :D

等长字符串不再有匹配的哈希值。

为什么我的 crypto.sublte.digest 实现会导致等长字符串的等价十六进制散列？

Why does my implementation of crypto.sublte.digest result in equivalent hex hashes for equal length strings?

javascript

hash

cryptography

sha256

webcrypto-api