Javascript 如何在使用auth0进行身份验证的react应用程序中获取用户信息

Javascript 如何在使用auth0进行身份验证的react应用程序中获取用户信息,javascript,reactjs,auth0,userinfo,Javascript,Reactjs,Auth0,Userinfo,我试图在auth0中使用twitter从登录中获取用户信息。auth0提供了用于获取用户详细信息的userInfo api,但它只是返回一个带有如下键子的对象-{sub:twitter | XXXXXXXXX}。根据提供的,我们应该得到的名称,图片,昵称等,在我的情况下,只有一个子返回。我想知道如何在auth0中获取用户的详细信息 编辑-提供所使用的配置 auth0 = new auth0.WebAuth({ domain: AUTH_CONFIG.domain,

我试图在auth0中使用twitter从登录中获取用户信息。auth0提供了用于获取用户详细信息的userInfo api,但它只是返回一个带有如下键子的对象-{sub:twitter | XXXXXXXXX}。根据提供的,我们应该得到的名称,图片,昵称等,在我的情况下,只有一个子返回。我想知道如何在auth0中获取用户的详细信息

编辑-提供所使用的配置

auth0 = new auth0.WebAuth({
        domain: AUTH_CONFIG.domain,
        clientID: AUTH_CONFIG.clientId,
        redirectUri: AUTH_CONFIG.callbackUrl,
        audience: `https://${AUTH_CONFIG.domain}/userinfo`,
        responseType: 'token id_token',
        scope: 'openid'
    });

该问题没有提供任何关于您如何使用Twitter社交连接发出身份验证请求的详细信息。至少,建议您尝试将scope:openid配置文件电子邮件添加到您的身份验证请求中。这将确保返回的id_令牌包含所有符合OIDC的用户配置文件属性声明

详情请参阅

如果访问,您可以看到twitter返回给Auth0的内容。启用OIDC一致性后,您至少可以看到子用户id、名称和图片等基本信息。下面的屏幕截图-请确保您勾选了基本配置文件用户同意的复选框


您看到的sub是user_id属性-您是否在此处查看了用户配置文件端点:?您是否为访问令牌的作用域提供了openid?你是否申请在打电话的地方共享代码?是的,范围就是关键。我已将范围指定为“openid”。但当我刚刚将作用域更改为“openid概要文件”时,它起了作用。谢谢哇,太好了很高兴它成功了。auth0=new auth0.WebAuth{domain:AUTH_CONFIG.domain,clientID:AUTH_CONFIG.clientID,重定向URI:AUTH_CONFIG.callbackUrl,访问群体:https://${AUTH_CONFIG.domain}/userinfo,responseType:'token id_token',scope:'openid'};这就是配置。正如@kimcodes提到的范围,我发现问题在范围内,并修改为openid配置文件。manjs-请您将此答案标记为正确-强调了添加openid配置文件电子邮件的必要性-这将帮助访问此问题的其他人信任提供的答案-免责声明,我也在Auth0工作;