Express项目中如何将nodemailer与HTML表单关联向用户发邮件

1. 改造mail.js，导出可调用的发信方法 #

把你原来独立运行的发信逻辑封装成函数对外导出，支持接收收件人邮箱、邮件内容等动态参数，示例代码：

const nodemailer = require('nodemailer');
// 原有transporter配置直接保留即可，无需修改
const transporter = nodemailer.createTransport({
  service: 'QQ', // 替换为你的实际邮箱服务商
  auth: {
    user: '你的发信邮箱地址',
    pass: '你的邮箱授权码'
  }
});

// 封装订阅邮件发送函数
async function sendSubscribeMail(toEmail) {
  const mailOptions = {
    from: '你的发信邮箱地址',
    to: toEmail, // 调用时传入用户提交的动态邮箱
    subject: '订阅成功通知',
    text: '感谢您订阅我们的内容'
  };
  return transporter.sendMail(mailOptions);
}

// 导出方法供其他文件调用
module.exports = { sendSubscribeMail };

2. 改造Express入口index.js，关联表单请求和发信逻辑 #

先配置解析表单参数的中间件，引入mail.js的发信方法，新增处理表单提交的接口：

const express = require('express');
const app = express();
// 引入mail.js的发信方法
const { sendSubscribeMail } = require('./mail.js');

// 配置解析表单参数的中间件，如果你用AJAX提交JSON格式数据，额外加一行app.use(express.json())
app.use(express.urlencoded({ extended: true }));

// 托管静态文件，确保index.html可以正常访问，路径根据你实际的文件存放位置调整
app.use(express.static('./public'));

// 处理表单提交的POST接口
app.post('/subscribe', async (req, res) => {
  try {
    // 从表单参数中读取用户提交的邮箱，和表单input的name属性对应
    const userEmail = req.body.email;
    // 调用发信方法传入用户邮箱
    await sendSubscribeMail(userEmail);
    res.send('订阅成功，邮件已发送至您的邮箱');
  } catch (err) {
    console.error('发信失败：', err);
    res.status(500).send('订阅失败，请稍后重试');
  }
});

// 启动服务
app.listen(3000, () => {
  console.log('服务运行在 http://localhost:3000');
});

3. 调整index.html表单配置 #

确保表单的提交地址、方法、参数名和后端接口匹配：

<form action="/subscribe" method="POST">
  <label>订阅邮箱：</label>
  <!-- name属性必须为email，和后端req.body.email对应 -->
  <input type="email" name="email" required>
  <button type="submit">提交订阅</button>
</form>

如果不需要提交后跳转页面，可以用fetch异步提交表单，逻辑自行补充即可。

• 如果前后端部署在不同端口，需要在Express中配置cors中间件处理跨域问题
• 发信邮箱的授权码、账号等敏感信息不要硬编码在代码中，建议通过.env环境变量加载
• 可额外增加参数校验逻辑，提前判断用户提交的邮箱格式是否合法，减少无效请求

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