我正在尝试使用 Keycloak 身份验证在我的 AngularJs 应用程序中使用 Google 或 Facebook 等身份提供商登录的用户个人资料图片和其他信息。
最佳答案
我不确定 Facebook 是否或如何支持此功能,但对于 Google,您可以简单地将映射器添加到您的 IdP 配置中,如下所示:
这映射了 picture
从 Google 个人资料到名为 picture
的 Keycloak 用户属性的属性.然后,用户属性包含个人资料图片的 URL。
为了让 Angular 可以访问它,添加一个类型为 User Attribute
的客户端协议(protocol)映射器。像这样给你的客户:
您可以添加 picture
声明您的 token 或 userinfo 端点。然后,Angular 可以从 token 中提取属性或查询 userinfo 端点。
关于javascript - 如何使用 Keycloak 获取当前用户头像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42808008/