javascript - 如何获取gmail用户的头像？

Question

我正在使用 Gmail API 在 React 中创建一个基于电子邮件的应用程序。我正在加载一堆消息，我想显示发件人的头像。

我正在使用 this package显示头像。我想要一个 Google Id 或一个图片网址。如果能够为其他流行的服务(例如 Outlook 和 Yahoo 邮件)获取图像，那就太好了。

其他人也问过同样的问题，但所有答案似乎都使​​用 Picasa API(已弃用)或 Google+ API(即将弃用)。

编辑:是的，react-avatar 包声称它可以根据提供的用户数据找到一个头像，但它对电子邮件所做的只是找到一个 Gravatar，许多人没有。

Answer 1

无法通过 GMAIL API 或任何其他 Google API 执行您想要执行的操作

您不能获取 Google 电子邮件地址并通过任何 Google API 端点搜索与该电子邮件地址关联的图像或任何其他个人资料信息。解释如下。

获取电子邮件发件人的图像

Gmail API 列出了已发送给用户和由用户发送的电子邮件。 gmail API 基本上以 MIME 格式返回邮件服务器电子邮件消息响应，如果您检查不包含配置文件图像。它不会返回给您发件人或收件人的图像。

Google 没有供开发人员用来搜索 gmail.com 电子邮件地址并返回任何用户个人资料信息(包括图像)的端点，这会侵犯用户隐私。用户必须授予您查看其图片的权限，而您并非对可能向您的已验证用户发送电子邮件的每个 gmail 用户都拥有该权限。

gmail 网站可能会对 gmail 电子邮件地址进行某种检查，并将图片附在帐户上。谷歌可以访问所有 GMAIL 用户的个人资料数据，谷歌不能给你同样的访问权限，因为它会侵犯用户隐私。如果它不是 gmail 帐户，他们可能会检查 Gravatar查看是否已为此电子邮件地址设置图像。同样，您无法使用电子邮件地址请求 Google 用户的图片。

• 您可以查看 Gravatar 以查看是否已为该电子邮件设置了一个
• 如果经过身份验证的用户已将此用户添加为联系人并为此用户添加了图片，您可以使用 People api .

在过去，我曾向用户推荐他们采用用户电子邮件地址的第一个字母作为图像，并使用该字母创建图像。您可能还想使用问号，这实际上是 gmail 在其网站无法通过检查 Gravatar 找到用户的电子邮件时所做的。

获取当前认证用户的图像

您可以从 people.get 获取此信息端点只需确保您在对用户进行身份验证时已向用户请求了配置文件范围

GET https://people.googleapis.com/v1/people/me

它返回一个包含用户个人资料信息的大响应，其中一部分包含用户图片

"photos": [
    {
      "url": "https://lh3.googleusercontent.com/a-/AAuE7mDuIWqXzrrp-65cIhXSD2HjCI8WYsWHR0fDx5_wQPY=s100", 
      "metadata": {
        "source": {
          "type": "PROFILE", 
          "id": "117200475532672775346"
        }, 
        "primary": true
      }
    }
  ], 

people api 的官方示例项目包含有关如何连接到 api 的信息。只需确保添加“配置文件”范围

获取图片的代码应该是这样的

function getPicture() {
        gapi.client.people.people.get({
           'resourceName': 'people/me',
           'pageSize': 10,
           'personFields': 'photos',
         }).then(function(response) {
           var connections = response.result.connections;
           appendPre('Connections:');

           if (connections.length > 0) {
             for (i = 0; i < connections.length; i++) {
               var person = connections[i];
               if (person.url && person.url.length > 0) {
                 appendPre(person.names[0].url)
               } else {
                 appendPre("No display name found for connection.");
               }
             }
           } else {
             appendPre('No connections found.');
           }
         });
      }