React Native中LiveKit连接报错：无效令牌问题求助

排查与解决方法 #

• 后端令牌生成校验

  • 确认令牌中的房间ID与前端要进入的livekitRoom完全一致，令牌签名时绑定的room字段必须和目标房间ID匹配，不匹配直接触发无效令牌。
  • 检查令牌有效期：生成令牌时设置的expiry时间不能过短，避免令牌还未使用就已过期。
  • 核对API密钥：后端使用的API密钥和密钥对必须与LiveKit控制台的配置完全一致，密钥不匹配会导致签名无效。

• 前端令牌处理排查

  • 打印存储的原始令牌：在useEffect中添加日志，检查从AsyncStorage取出的令牌是否完整，有没有被截断、添加多余引号或转义字符：

    useEffect(() => {
      Promise.all([
        AsyncStorage.getItem('livekitToken'),
        AsyncStorage.getItem('livekitRoom'),
      ]).then(([t, r]) => {
        console.log('从存储读取的原始令牌:', t); // 新增日志排查
        setLivekitToken(t && t !== 'null' ? t : null);
        setLivekitRoom(r && r !== 'null' ? r : null);
        setTokenReady(true);
      });
    }, []);
    

  • 简化连接判断逻辑：connect属性可以直接用!!livekitToken，因为前面已经将无效值设为null，多重判断容易引入逻辑漏洞。
  • 校验serverUrl：确保wss地址与LiveKit部署的地址完全匹配，包括端口（若未使用默认443），地址错误也会被判定为令牌无效。

• 快速定位问题
  跳过AsyncStorage，直接将后端生成的有效令牌硬编码到livekitToken中测试连接。如果硬编码能成功，说明问题出在令牌的存储/读取环节；如果仍报错，说明后端令牌生成逻辑有问题。

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