Cloudflare Workers环境变量加密密钥明文显示问题求助

核心问题出在加密逻辑的执行位置：你现在是在前端浏览器里执行加密操作，所以密钥必须硬编码到前端代码中（前端和Cloudflare Worker是完全独立的执行环境，Worker的环境变量无法直接作用于前端），这才导致审查元素能看到明文密钥。

解决步骤 #

• 把加密逻辑从前端迁移到Cloudflare Worker服务端：前端只需要将原始下载链接发送给Worker，由Worker使用环境变量中的ENCRYPTION_KEY完成加密，再返回生成好的Cloakstream代理URL。
• 前端代码不再包含任何密钥相关逻辑，彻底避免密钥泄露。

具体代码示例 #

Cloudflare Worker 脚本 #

// 监听前端请求
addEventListener('fetch', event => {
  event.respondWith(handleRequest(event.request))
})

async function handleRequest(request) {
  // 只处理POST请求，获取前端传来的原始下载链接
  if (request.method === 'POST') {
    const { url } = await request.json()
    if (!url) return new Response('缺少下载链接', { status: 400 })

    // 使用环境变量中的密钥加密
    const encryptedPath = await encryptData(url, ENCRYPTION_KEY)
    const cloakstreamUrl = new URL('/cloakstream/' + encodeURIComponent(encryptedPath), request.url).href
    
    return new Response(JSON.stringify({ cloakstreamUrl }), {
      headers: { 'Content-Type': 'application/json' }
    })
  }

  // 其他请求返回默认响应
  return new Response('请发送POST请求提交下载链接', { status: 405 })
}

// 你的encryptData加密函数（仅在Worker中实现，前端无需包含）
async function encryptData(data, key) {
  // 保留你原有的加密逻辑
}

前端代码 #

// 前端仅负责发送请求和接收生成好的代理URL
async function generateCloakstreamUrl(rawUrl) {
  const response = await fetch(window.location.origin, {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({ url: rawUrl })
  })
  const { cloakstreamUrl } = await response.json()
  return cloakstreamUrl
}

额外检查点 #

• 确认Cloudflare Worker的环境变量ENCRYPTION_KEY已正确配置，且Worker脚本部署时未硬编码密钥。
• 测试前端调用流程，确保加密操作完全在服务端完成，前端代码中无任何密钥痕迹。

内容的提问来源于stack exchange，提问作者thename fire