@noble/ciphers v2.x 把 GCM 拆出来放进了 WebCrypto 那边，要么你得等浏览器原生支持，要么就自己写 wrapper。

// ❌ 失败方案
import { gcm } from '@noble/ciphers/gcm'  // 路径不存在
import { aes } from '@noble/ciphers/aes'

所以这两个库基本上是“kan得见摸不着”。

经过我几次折腾，终于找到一套在微信小程序里Ke以稳稳运行的 AES‑GCM 实现，那就是 asmcrypto.js。它是纯 JS 实现，不依赖 WebCrypto，也不挑平台。

// asmcrypto.js 是纯 JavaScript 实现,兼容小程序环境
import * as AsmCrypto from 'asmcrypto.js/asmcrypto.all.es8.js'
const KEY_STR = 'YOUR_32_BYTE_KEY_XXXXXXXXXXXXXXXX' // 替换成你的密钥
const IV_LENGTH = 12   // GCM 标准 IV 长度
const TAG_LENGTH = 16  // GCM 标签长度
/** 随机生成安全 IV */
function generateRandomBytes {
  const array = new Uint8Array
  if  {
    try {
      const result = wx.getRandomValues
      if  {
        return result
      }
    } catch  {
      console.warn
    }
  }
  for  {
    array = Math.floor * 256)
  }
  return array
}
/** 字符串转 Uint8Array */
function stringToUtf8Bytes {
  const utf8 = 
  for  {
    let charCode = str.charCodeAt
    if  utf8.push
    else if  utf8.push
    else if  {
      utf8.push(
        0xe0 | charCode>>12,
        0x80 | ,
        0x80 | charCode &0x3f
      )
    } else {
      // surrogate pair
      i++
      charCode = <10) | &0x3ff) + 0x10000
      utf8.push(
        0xf0 | charCode>18,
        0x80 | ,
        0x80 | ,
        0x80 | charCode &0x3f
      )
    }
}
return new Uint8Array
}
/** Uint8Array => Base64 */
function bytesToBase64 {
   if  {
     return wx.arrayBufferToBase64
   }
   let binary = ''
   for  binary += String.fromCharCode
   return btoa
}
/** Base64 => Uint8Array */
function base64ToBytes{
   if {
     return new Uint8Array)
   }
   const binary = atob
   const bytes = new Uint8Array
   for bytes=binary.charCodeAt
   return bytes
}
/** 加密入口 */
export function encrypt{
   const keyBytes = stringToUtf8Bytes
   const plainBytes = stringToUtf8Bytes
   const iv = generateRandomBytes
   // 使用 asmcrypto 的 AES_GCM 方法
   const cipherWithTag = AsmCrypto.AES_GCM.encrypt
   // 合并 IV + Cipher+Tag
   const combined = new Uint8Array
   combined.set
   combined.set
   return bytesToBase64
}
/** 解密入口 */
export function decrypt{
   const combined = base64ToBytes
   const iv = combined.slice
   const cipherWithTag = combined.slice
   const keyBytes = stringToUtf8Bytes
   const plainBytes = AsmCrypto.AES_GCM.decrypt
   // 转回字符串
   let str=''
   for str+=String.fromCharCode
   return decodeURIComponent)
}

问：我把这篇技术博客发到自己的博客园，结果百度根本不给收录，是不是内容太专业？

答：其实原因有几个：

缺少结构化数据​——搜索引擎喜欢kan到明确的标题层级，而我们这篇文章虽然用了 H2/H3，但Ru果页面没有显式的 H1，爬虫会打分低。

PWA/小程序页面渲染方式不同​——Ru果你的内容是通过 JavaScript 动态注入，而不是直接写在 HTML 中，百度可Neng抓不到。

内部链接不足​——没有其他站点或站内页面指向这篇文章，会导致权重传递不足。

Crawler 阻止文件配置错误​——检查一下 robots.txt 有没有误把 /pages/xxx 隐藏了。

简单来说把 H1 补上、确保首屏渲染有内容、适当Zuo点外链和内部链接，就Neng提升收录率啦。哈哈，这事儿也别太纠结，毕竟技术分享Zui重要的是帮人解决问题嘛。

AES‑CBC+PKCS7 padding 那叫一个老古董，只保密不防篡改；AES‑GCM 则一次性搞定两件事，还自带完整性校验。性Neng上呢，在现代 CPU 上几乎打平，因为dou用了硬件指令集。不过在小程序里我们走的是纯 JS 实现，所以速度稍慢一点，但对大多数业务来说毫无压力。

import { encrypt } from '@/utils/crypto.js'
async function login{
    try{
        // 把密码先弄个 GCM 加密，再发给后端
        const encryptedPwd= encrypt || password
        const res= await wx.request({
            url:'/api/login',
            method:'POST',
            data:{
                username,
                password:encryptedPwd // Yi经是 Base64 格式啦
            },
            header:{'content-type':'application/json'}
        })
        console.log
    }catch{
        console.warn
    }
}

Ehh，我刚写完还有点卡壳，不对不对，我应该把错误捕获放在外层，这样才Neng保证即使加密失败也Neng走原始密码兜底。代码里Yi经演示啦～哈哈。

#随机数要足够安全：wx.getRandomValues​优先，用不到才退回 Math.random，不过后者真心不可取！

#钥匙别硬编码：PaaS 环境Ke以用云函数或 secret 管理服务，把 KEY 放到环境变量里读取。

#错误降级要审慎：生产环境Zui好直接抛异常，让用户重新尝试，而不是偷偷回退明文，否则安全风险翻倍。

#版本锁定：AES‑GCM 参数一定要和后端保持一致，否则解密会报 Tag mismatch 错误，那可真尴尬～哈哈哈。

// #ifdef MP-WEIXIN
// 小程序专用：使用 asmcrypto.js 
import { encrypt,decrypt } from '@/utils/crypto.js'
// #endif
// #ifndef MP-WEIXIN
// H5 或 Node 环境：直接走 Web Crypto 
export async function encrypt{
    const enc=new TextEncoder
    const key=await crypto.subtle.importKey,{name:'AES-GCM'},false,)
    const iv=crypto.getRandomValues)
    const ct=await crypto.subtle.encrypt)
    return btoa))
}
// #endif 

#Ru果你用 uni-app 或 Taro，这段条件编译Ke以省掉hen多重复代码，让项目维护geng轻松。咱就是说这招真心省事儿！你懂的～哈哈~

Ace‑GCM 在微信小程序里并不是天生支持，需要自行引入兼容库。我Zui终选了 asmcrypto.js，因为它既兼容又相对轻量，还Neng直接输出符合后端约定的 Base64 格式。

- 用好原生随机数 API - 切记不要把 KEY 明文写进代码 - 用条件编译保持多端统一 - 注意搜索引擎收录细节，让geng多人kan到你的经验分享

Ehh，好啦，这篇文章差不多写完了。希望你们在实际项目里玩转 ACE‑GCM 时少踩坑，多拿到赞。有什么新鲜事儿记得来找我唠嗑哈！😂