Firebase：Facebook登录后客户端自定义声明解码错误

这种情况我做OAuth集成时也碰到过！Facebook和Google在ID Token的编码细节上确实有差异，导致你的b64DecodeUnicode方法在Facebook登录时失效，大概率是以下几个原因，对应解决方案给你列出来：

1. Base64URL与标准Base64的格式差异 #

Facebook返回的ID Token Payload用的是Base64URL编码（为适配URL场景，把标准Base64里的+替换成-，/替换成_），而Google用的是标准Base64。如果你的解码方法没兼容这种变种，就会出现解码异常。

解决办法： #

先把Base64URL转换为标准Base64格式，再进行解码：

// 转换Base64URL到标准Base64
function base64UrlToBase64(str) {
  return str.replace(/-/g, '+').replace(/_/g, '/');
}

2. 缺失Base64填充字符= #

有些服务（包括Facebook）会省略Base64字符串末尾的填充字符=（填充字符不影响核心解码逻辑，但能缩短字符串长度），而标准Base64解码要求字符串长度是4的倍数，缺少填充会直接导致解码失败。

解决办法： #

在解码前补全必要的填充字符：

// 补全Base64填充字符
function padBase64(str) {
  while (str.length % 4 !== 0) {
    str += '=';
  }
  return str;
}

3. 组合处理逻辑 #

把上面两个步骤结合起来，再传入你的b64DecodeUnicode方法，完整的处理流程如下：

function processFacebookClaim(claimStr) {
  const base64Str = base64UrlToBase64(claimStr);
  const paddedStr = padBase64(base64Str);
  return b64DecodeUnicode(paddedStr);
}

// 使用示例：假设facebookPayload是从ID Token中提取的自定义声明部分
const decodedClaim = processFacebookClaim(facebookPayload);
console.log(decodedClaim);

额外验证步骤 #

如果还是有问题，建议先在控制台打印Facebook登录后拿到的原始ID Token，用.分割成Header、Payload、Signature三部分，单独取出Payload部分，手动用本地Base64解码工具验证是否能正常解析。这能帮你快速确认是字符串处理的问题，还是你提取自定义声明的位置有误。

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