如何在JavaScript中实现SM4加密？

在JavaScript中实现SM4加密，通常需要借助外部的加密库或者通过Web Crypto API来完成。以下是使用Web Crypto API实现SM4加密的基本步骤：

1. 确保你的浏览器支持Web Crypto API。可以通过检查`window.crypto.subtle`是否存在来判断是否支持Web Crypto。

2. 准备你的待加密数据和SM4密钥。在Web Crypto中，密钥通常需要被转换为一个`CryptoKey`对象。

3. 使用`window.crypto.subtle.encrypt`或者`window.crypto.subtle.decrypt`方法来进行加密或解密操作。

以下是一个使用Web Crypto API进行SM4加密的基本示例代码：

async function sm4Encrypt(plainText, key) {
  const encodedText = new TextEncoder().encode(plainText); // 将文本转换为ArrayBuffer
  const encrypted = await window.crypto.subtle.encrypt(
    {
      name: "SM4-CBC" // 注意这里使用的是CBC模式，而非ECB模式
    },
    key,
    encodedText
  );
  return new Uint8Array(encrypted); // 将结果转换为Uint8Array
}

async function sm4Decrypt(encryptedText, key) {
  const decrypted = await window.crypto.subtle.decrypt(
    {
      name: "SM4-CBC"
    },
    key,
    encryptedText
  );
  return new TextDecoder().decode(decrypted); // 将结果解码为文本
}

// 示例：使用CBC模式的SM4加密和解密
// 注意：实际应用中需要对密钥进行安全生成和管理
async function example() {
  const key = await window.crypto.subtle.generateKey(
    {
      name: "SM4-CBC",
      length: 128
    },
    true,
    ["encrypt", "decrypt"]
  );

  const plainText = "这是一条待加密的消息";
  const encryptedData = await sm4Encrypt(plainText, key);
  const decryptedData = await sm4Decrypt(encryptedData, key);

  console.log("加密后的数据：", encryptedData);
  console.log("解密后的数据：", decryptedData);
}

example();

在上述代码中，我们定义了`sm4Encrypt`和`sm4Decrypt`两个异步函数，用于执行加密和解密操作。实际使用时，你需要确保密钥`key`是正确生成的，并且按照SM4算法的要求进行配置。