如何在Express渲染参数中传递Gmail消息？基于Passport与Node-Gmail-API

嘿，我一眼就看到你代码里的问题了——你在data事件回调里直接调用res.render，这会导致大麻烦！

问题根源 #

gmail.messages()返回的流对象，每收到一封邮件数据就会触发一次data事件。而HTTP请求的响应只能发送一次，所以第一次调用res.render之后，后续的调用都会抛出Cannot set headers after they are sent to the client的错误，而且用户只能看到第一封邮件的片段。

修正方案 #

我们需要先把所有邮件数据收集起来，等流的end事件触发（表示所有邮件都获取完毕），再统一渲染页面。同时还要加上错误处理，避免获取邮件失败时用户看不到任何反馈。

修正后的/profile路由代码：

app.get('/profile', isLoggedIn, function(req, res) { 
  const gmail = new Gmail(req.user.google.token);
  const mailStream = gmail.messages('label:inbox', {max: 10});
  const emailSnippets = [];

  // 收集每一封邮件的片段内容
  mailStream.on('data', function(emailData) {
    emailSnippets.push(emailData.snippet);
  });

  // 所有邮件获取完成，渲染页面
  mailStream.on('end', function() {
    res.render('profile.ejs', { 
      user: req.user,
      emailSnippets: emailSnippets, // 把所有邮件片段传给模板
      layout: 'header' 
    });
  });

  // 处理邮件获取失败的情况
  mailStream.on('error', function(err) {
    console.error('读取Gmail邮件出错:', err);
    res.status(500).send('读取邮件时发生错误，请稍后再试');
  });
})

模板层调整 #

在profile.ejs里，你可以循环遍历emailSnippets数组来展示所有邮件：

<div class="email-list">
  <h3>收件箱最近10封邮件</h3>
  <ul>
    <% emailSnippets.forEach(snippet => { %>
      <li class="email-item"><%= snippet %></li>
    <% }) %>
  </ul>
</div>

额外注意事项 #

• 确认你的Google OAuth授权请求了https://www.googleapis.com/auth/gmail.readonly权限，没有这个权限的话，API会返回权限错误。
• 如果需要展示更多邮件信息（比如主题、发件人），可以在data事件里收集emailData.payload.headers里的内容——你可以遍历这个数组找到Subject（主题）和From（发件人）对应的字段。

内容的提问来源于stack exchange，提问作者Jack jdeoel