Javascript 如何使用KeyClope获取当前用户配置文件图片？

我正在尝试获取用户配置文件图片和其他信息，这些信息是那些在我的AngularJs应用程序中使用身份提供商（如Google或Facebook）登录的用户使用Key斗篷身份验证获取的。

我从未使用第三方API作为Key斗篷中的身份提供商，但在中，您可以从中获取并存储第三方令牌：“存储来自社交身份提供商的令牌，并使用这些令牌调用社交身份提供商API”。然后调用它的API来获取用户的头像或任何你想要的东西就足够了。

constructor(private keycloakservice:KeycloakService){}

const details = {
      'userName': this.keycloakservice.getKeycloakInstance().tokenParsed['preferred_username'],
      'userId': this.keycloakservice.getKeycloakInstance().tokenParsed['preferred_username'],
      'firstName': this.keycloakservice.getKeycloakInstance().tokenParsed['given_name'],
      'lastName': this.keycloakservice.getKeycloakInstance().tokenParsed['family_name'],
      'displayName': this.keycloakservice.getKeycloakInstance().tokenParsed['name'],  
      'roleAccessList': this.keycloakservice.getUserRoles()
    };