在 Chromium 中使用 WebCrypto 导出 RSA 密钥对

Question

以下代码适用于 Firefox 76.0.1：

"use strict"
let RSAKeys
(async () => {
  RSAKeys = await crypto.subtle.generateKey({
      name: "RSA-OAEP",
      modulusLength: 3072,
      publicExponent: new Uint8Array([1, 0, 1]),
      hash: "SHA-256"},
    true,
    ["wrapKey", "unwrapKey"])
  alert(JSON.stringify(Object.fromEntries(
    await Promise.all(Object.entries(RSAKeys).map(async ([k, v], i) =>
      [k, await cryptoBase64("exportKey", ["pkcs8", "spki"][i], v)])))))
})()

async function cryptoBase64(primitive, ...args) {
  return ArrayBufferToBase64(await crypto.subtle[primitive](...args))
}

function ArrayBufferToBase64(buf) {
  return btoa([...new Uint8Array(buf)].map(x => String.fromCharCode(x)).join(""))
}

但在 Chromium 80 中我得到：

未捕获（承诺中）DOMException：密钥不是预期的类型

差异在哪里？它是 Chromium 中的错误吗？是否有解决方法？

（与this question相关。应用解决方案后我仍然遇到问题，结果发现我遇到的浏览器之间存在另一个差异。）

Answer 1

Object.entries 返回一个数组，其中包含对象的属性作为键值对。键值对的顺序是任意，见Object.entries():

Object.entries() 方法返回给定对象自己的数组 可枚举的字符串键属性 [key, value] 对，顺序相同 正如 for...in 循环所提供的...

和for...in:

for...in 循环遍历一个对象的属性 任意顺序...

另一方面，["pkcs8", "spki"][i] 假设密钥顺序是私钥 (i = 0)，然后是公钥 (i = 1)。在 Firfox 浏览器中顺序匹配，在 Chromium 浏览器中不匹配，导致异常。

问题可以通过排序数组来解决，例如使用sort()和localeCompare()，另见Object.entries()中的推荐：

sort((key1, key2) => key1[0].localeCompare(key2[0])) 

另一种方法是根据密钥类型（private、public）设置格式（pkcs8、spki），而不是排序。 p>

您的 JavaScript 代码使用两种方法之一完成可在 Firefox 和 Chromium 浏览器中运行：

"use strict"

let RSAKeys
(async () => {
  RSAKeys = await crypto.subtle.generateKey({
    name: "RSA-OAEP",
    modulusLength: 3072,
    publicExponent: new Uint8Array([1, 0, 1]),
    hash: "SHA-256"},
    true,
    ["wrapKey", "unwrapKey"])
  
  // Approach 1
  var result1 = JSON.stringify(Object.fromEntries(
    await Promise.all(Object.entries(RSAKeys)
      .sort((key1, key2) => key1[0].localeCompare(key2[0]))
        .map(async ([k, v], i) => [k, await cryptoBase64("exportKey", ["pkcs8", "spki"][i], v)]))))
  
  console.log(result1.replace(/(.{64})/g, "$1\n"));
  
  // Approach 2
  var result2 = JSON.stringify(Object.fromEntries(
    await Promise.all(Object.entries(RSAKeys)
      .map(async ([k, v], i) => [k, await cryptoBase64("exportKey", k == "privateKey" ? "pkcs8" : "spki", v)]))))
  
  console.log(result2.replace(/(.{64})/g, "$1\n"));

})()

async function cryptoBase64(primitive, ...args) {
  return ArrayBufferToBase64(await crypto.subtle[primitive](...args))
}

function ArrayBufferToBase64(buf) {
  return btoa([...new Uint8Array(buf)].map(x => String.fromCharCode(x)).join(""))
}