React Native集成Auth0与Graph.cool时idToken无效的问题求助

我来帮你一步步排查这个问题，毕竟我之前也遇到过类似的场景，下面是几个关键的检查点：

1. 先验证id_token本身的合法性 #

首先，你可以用jwt-decode库（React Native里可以直接安装使用）解码你的id_token，重点检查这几个核心字段：

• iss：必须是你的Auth0域名，格式应该是https://<your-auth0-domain>.auth0.com/，注意末尾的斜杠不能少
• aud：这个必须和你在Graph.cool中配置的Auth0客户端ID完全一致，很多时候报错都是因为受众不匹配
• exp：确保token没有过期，这个字段是时间戳，对比当前时间就能判断

2. 检查Auth0登录请求的Scope #

在你调用Auth0登录的代码里，一定要确保请求的scope包含openid，比如：

auth0.webAuth
  .authorize({
    scope: 'openid email profile', // 必须包含openid，否则无法生成有效id_token
    audience: '<your-graphcool-api-audience-or-auth0-domain>'
  })

如果没有openid scope，Auth0返回的id_token是不具备身份验证效力的，Graph.cool自然会拒绝。

3. 确认Graph.cool与Auth0的配置一致性 #

既然你已经把签名算法改成了HS256，那要确保两边的配置完全对齐：

• 在Auth0的客户端设置里，确认Token Signature Algorithm确实设置为HS256，并且保存了更改
• 在Graph.cool的Auth0身份提供者配置里，同样把签名算法设为HS256，同时Client Secret要和Auth0里的客户端密钥完全一致（注意大小写、特殊字符，别复制错了）
• 检查Graph.cool里填写的Auth0域名是否正确，要和你Auth0账户的域名完全匹配

4. 检查GraphQL Mutation的传递格式 #

确保你调用createUser mutation时，参数格式是正确的，比如：

mutation CreateUser($idToken: String!) {
  createUser(authProvider: { auth0: { idToken: $idToken } }) {
    id
    email
  }
}

别把id_token直接放在顶层参数里，必须嵌套在authProvider.auth0下，格式错误也会导致验证失败。

5. 排除传递过程中的篡改 #

有时候在传递id_token时，可能因为编码、截断或者额外处理导致token失效：

• 确保没有对token进行不必要的URL编码（GraphQL请求一般是JSON格式，不需要编码）
• 检查是否有中间层（比如你自己的后端API）对token做了修改，要完整传递原始的id_token

如果以上步骤都检查过还是有问题，建议你生成一个新的id_token，用解码工具确认所有字段都正确，然后直接在Graph.cool的Playground里测试mutation，排除React Native代码层面的问题。

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