HTTP测试服务器WalletConnect登录报错：o.getSubtleCrypto()未定义求助

核心原因 #

getSubtleCrypto() 是Web Crypto API的核心方法，浏览器出于安全策略限制，仅在安全上下文（HTTPS协议、localhost本地域名）中提供该API。你的测试服务器使用HTTP协议，不属于安全上下文，因此浏览器会禁用Web Crypto API，导致WalletConnect SDK调用该方法时抛出undefined错误；而生产环境的HTTPS属于安全上下文，所以功能能正常运行。

解决方案 #

• 将测试服务器配置为HTTPS：生成自签名证书（可通过openssl等工具创建），并在测试服务器（如Nginx、Node.js服务）中配置HTTPS监听，启用安全上下文。
• 本地测试改用localhost：如果是本地开发测试，直接使用localhost作为访问域名，浏览器允许localhost在HTTP协议下使用Web Crypto API，无需额外配置HTTPS。
• 代码中增加安全上下文校验：在WalletConnect初始化前先检查当前环境是否为安全上下文，提前抛出友好提示，避免无意义的错误：

// 初始化WalletConnect前的安全校验
if (!window.isSecureContext) {
  alert("当前环境不支持WalletConnect登录，请切换至HTTPS环境或使用localhost访问");
  return;
}

// 后续WalletConnect初始化逻辑
const connector = new WalletConnect({
  // 你的配置参数
});

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