javascript - 如何使用 Keycloak 获取当前用户头像？

Question

我正在尝试使用 Keycloak 身份验证在我的 AngularJs 应用程序中使用 Google 或 Facebook 等身份提供商登录的用户个人资料图片和其他信息。

Answer 1

我不确定 Facebook 是否或如何支持此功能，但对于 Google，您可以简单地将映射器添加到您的 IdP 配置中，如下所示:

这映射了 picture从 Google 个人资料到名为 picture 的 Keycloak 用户属性的属性.然后，用户属性包含个人资料图片的 URL。
为了让 Angular 可以访问它，添加一个类型为 User Attribute 的客户端协议(protocol)映射器。像这样给你的客户:

您可以添加 picture声明您的 token 或 userinfo 端点。然后，Angular 可以从 token 中提取属性或查询 userinfo 端点。