前端开发SPA表单数据发送至指定邮箱的最佳实践与AWS方案咨询

一、常见实现方式 #

• 前端直接调用邮件API：风险极高，需在前端暴露邮件服务密钥，极易被窃取滥用，绝对不推荐。
• 后端中转处理：主流安全方案，前端将表单数据发至自有后端接口，后端再调用邮件服务发送，密钥存于后端，避免泄露。
• 无服务器函数中转：无需搭建完整后端，用云服务商的无服务器函数处理请求，成本低、易维护，适合前端开发者。

二、AWS相关服务方案 #

你提出的「后端接收数据转AWS服务」方案完全可行，可用的核心AWS服务包括：

• Amazon SES（Simple Email Service）：专门的邮件发送服务，支持模板邮件、批量发送，每月有62000封免费外发额度（仅限发送至已验证的邮箱/域名）。
• AWS Lambda：无服务器函数，可通过API Gateway触发，Lambda调用SES完成邮件发送，无需维护服务器，成本极低。

具体实现流程（Lambda + SES + API Gateway） #

1. 在AWS控制台验证接收邮件的目标邮箱（SES要求验证地址，防止垃圾邮件）。
2. 创建Lambda函数：编写代码接收表单数据，调用SES接口发送邮件。示例Node.js代码：

const AWS = require('aws-sdk');
const ses = new AWS.SES({ region: 'us-east-1' });

exports.handler = async (event) => {
  const formData = JSON.parse(event.body);
  const params = {
    Destination: { ToAddresses: ['你的目标邮箱@xxx.com'] },
    Message: {
      Body: { Text: { Data: `姓名：${formData.name}\n邮箱：${formData.email}\n内容：${formData.content}` } },
      Subject: { Data: '新表单提交通知' }
    },
    Source: '已验证的发送邮箱@xxx.com'
  };
  
  try {
    await ses.sendEmail(params).promise();
    return { statusCode: 200, body: JSON.stringify({ message: '邮件发送成功' }) };
  } catch (err) {
    return { statusCode: 500, body: JSON.stringify({ error: err.message }) };
  }
};

3. 配置API Gateway：创建POST接口，将请求转发至Lambda，开启CORS允许你的SPA域名访问。
4. 前端直接调用API Gateway的URL，提交表单数据即可。

三、是否必须搭建后端？ #

不需要搭建传统后端服务器，Lambda+API Gateway的无服务器方案可完全替代，无需运维服务器，适合仅具备前端经验的开发者。

四、安全低成本的最优路径 #

1. 优先选AWS Lambda + SES + API Gateway：
   • 安全性：密钥存于Lambda环境变量，前端无接触；API Gateway可配置请求验证，防止恶意调用；SES的地址验证机制避免邮件被标记为垃圾邮件。
   • 成本：Lambda每月100万次免费请求，SES有免费额度，个人项目几乎零成本。
2. 替代方案：第三方表单处理服务：
   部分专门的表单后端服务提供前端可直接调用的接口，无需自行配置云服务，但需选择可靠服务商，避免数据泄露。

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