Gmail API - 使用 Javascript 解析邮件内容（Base64 解码？）答案

【问题标题】：Gmail API - Parse message content (Base64 decoding?) with JavascriptGmail API - 使用 Javascript 解析邮件内容（Base64 解码？）
【发布时间】：2014-09-04 20:52:18
【问题描述】：

我正在尝试使用 Gmail API 获取用户的电子邮件，获取邮件主题和正文，然后将其显示在网页上。我会用它做其他事情，但这是我遇到困难的部分。我正在使用 Angular.js。

这是我的 API 调用：

function makeApiCall() {
  gapi.client.load('gmail', 'v1', function() {
    var request = gapi.client.gmail.users.messages.list({
      labelIds: ['INBOX']
    });
    request.execute(function(resp) {
      var content = document.getElementById("message-list");
      angular.forEach(resp, function(message) {
        var email = gapi.client.gmail.users.messages.get({'id': message.id});
        // var raw = email.payload.parts;
        // console.log(raw);
        content.innerHTML += JSON.stringify(email) + "<br>";
      })
    });
  });
}

所以gapi.client.gmail.users.messages.list 返回一个我的消息数组，以及它们的 ID 号。这是有效的。

对gapi.client.gmail.users.messages.get({<specific message ID>}) 的调用会输出这个 - {"B":{"method":"gmail.users.messages.get","rpcParams":{},"transport":{"name":"googleapis"}}}。

不确定那是什么，但尝试获取消息有效负载 (email.payload.parts) 时，结果为 undefined。那么，如何获取消息内容呢？

另外，我假设如果我可以获取消息内容，我将不得不对内容进行 Base64 解码以从中获取一些英文。对此的任何建议也会有很大帮助。我发现了这个：https://github.com/kvz/phpjs，但由于我不确定如何获取消息内容以便我可以尝试解码它们，所以不确定 php.js 在这方面是否有帮助。

【问题讨论】：

对于那些正在寻找 npm 包的人，试试这个npmjs.com/package/gmail-api-parse-message

标签： javascript angularjs base64 gmail-api

【解决方案1】：

关于Base64解码，可以使用

atob(dataToDecode)

对于 Gmail，您还需要替换一些字符：

atob( dataToDecode.replace(/-/g, '+').replace(/_/g, '/') );

您可以在 JavaScript 中使用上述功能（请参阅ref）。我自己用它来解码 Gmail 邮件。无需安装额外的东西。作为一个有趣的切线，如果您想将消息编码为 Base64，请使用 btoa。

现在，为了访问您的消息负载，您可以编写一个函数：

var extractField = function(json, fieldName) {
  return json.payload.headers.filter(function(header) {
    return header.name === fieldName;
  })[0].value;
};
var date = extractField(response, "Date");
var subject = extractField(response, "Subject");

引用自我之前的SO Question 和

var part = message.parts.filter(function(part) {
  return part.mimeType == 'text/html';
});
var html = atob(part.body.data.replace(/-/g, '+').replace(/_/g, '/'));

【讨论】：

哦，我的 gOoOd 谢谢你的 GMail 提示。我试图弄清楚为什么我的解码在raw 消息上出现乱码。
天哪，你的 gmail 替换提示刚刚救了我

【解决方案2】：

根据您的电子邮件的外观（单个文本/纯文本部分？带有文本/html 的多部分？附件等？）您的 email.payload 中可能有也可能没有任何“部分”，相反，您将拥有什么您正在“email.payload.body.data”（用于单部分消息）中寻找。这一切都假设您正在使用默认格式（“完整”）执行 message.get。如果您想在 message.raw 字段中获取整个电子邮件并在您的语言的电子邮件库中处理它，您可以调用 message.get(format=raw)。

有关更多信息，请查看https://developers.google.com/gmail/api/v1/reference/users/messages“消息”的“正文”和“部件[]”字段文档

【讨论】：

当尝试记录gapi.client.gmail.users.messages.get({<message id>}).payload.body.data时，它会输出Uncaught TypeError: Cannot read property 'body' of undefined。但是，当在 Try it 上测试 Gmail API 文档（我知道您发布的那个链接）上的 .get 方法调用时！在messages.get 部分的部分，我可以在我的消息对象的有效负载字段中看到内容，所以它不应该是未定义的。虽然对于parts[]，它说For...text/plain, this field is empty. 一个基本的电子邮件消息将包含纯文本，对吗？所以也许那不是我应该去的地方..

【解决方案3】：

啊！我想到了。 parts 是一个数组，所以我应该这样称呼它：gapi.client.gmail.users.messages.get({'id': <message ID>}).payload.parts[0].body.data

现在我的问题是解码电子邮件，这在纯文本电子邮件中被证明是成功的，但在来自非个人位置（企业、社交媒体更新电子邮件等）的电子邮件中却失败了。但我会提出一个新问题来获得答案。

【讨论】：

您应该使用library 进行编码和解码
查看我上面的编码/解码答案

【解决方案4】：

您需要搜索给定 mime 类型的主体在哪里，我为此编写了一个递归函数：

function searchBodyRec(payload, mimeType){
    if (payload.body && payload.body.size && payload.mimeType === mimeType) {
        return payload.body.data;
    } else if (payload.parts && payload.parts.length) {
        return payload.parts.flatMap(function(part){
            return searchBodyRec(part, mimeType);
        }).filter(function(body){
            return body;
        });
    }
}

所以现在你可以打电话了

var encodedBody = searchBodyRec(this.message.payload, 'text/plain');

看到上面的 flatMap 方法了吗？ js中缺少经典的FP方法，这里是如何添加它（或者你可以使用lodash.js，或者如果你不想与原生对象混淆，可以使用underscore.js）

Array.prototype.flatMap = function(lambda) { 
    return Array.prototype.concat.apply([], this.map(lambda)); 
};

【讨论】：