工程指南·架构与安全

如何在没有 SMTP 或电子邮件服务器设置的情况下构建现代联系表单

全面的工程指南，介绍如何将 Web 表单与脆弱的 SMTP 服务器解耦、将送达率提高至 99.8%，以及从 Web 基础设施中消除明文电子邮件凭据。

1. 为什么传统 SMTP 在现代网站上失败

几十年来，开发人员直接在其网站代码或 CMS 数据库中配置 PHPMailer 或 SMTP 凭据。在无服务器、静态 (Jamstack) 和边缘计算环境中，这会产生严重的架构缺陷：客户端捆绑包中的凭据暴露、连接超时以及 SPF/DKIM/DMARC 可传递性故障。

warning

切勿在客户端 HTML 或前端 JavaScript 包中嵌入 SMTP 密码或密钥。使用专用的 HTTP 摄取端点。

2. 解耦的表单摄取架构

现代架构不是让 Web 服务器在 HTTP 请求期间同步连接到 SMTP 端口，而是使用解耦的事务流。客户端将标准 HTTPS POST 负载发送到 API 端点。在异步工作线程发送通知之前，后端会验证查询并以原子方式将查询持久保存到 PostgreSQL 中。

contact-form.html html

<!-- Vanilla HTML Form with Lugatu Form Endpoint -->
<form id="inquiry-form">
  <label for="name">Your Name</label>
  <input type="text" id="name" name="name" required />

  <label for="email">Work Email</label>
  <input type="email" id="email" name="email" required />

  <label for="message">Project Details</label>
  <textarea id="message" name="message" rows="4" required></textarea>

  <!-- Built-in Honeypot Bot Trap -->
  <input type="text" name="_gotcha" style="display:none !important" tabindex="-1" autocomplete="off" />

  <button type="submit">Send Inquiry</button>
</form>

<script>
document.getElementById('inquiry-form').addEventListener('submit', async (e) => {
  e.preventDefault();
  const form = e.target;
  const data = new FormData(form);

  const payload = {
    fields: {
      name: data.get('name'),
      email: data.get('email'),
      message: data.get('message')
    },
    honeypot: data.get('_gotcha') || ''
  };

  const res = await fetch('https://www.lugatu.com/api/v1/public/forms/YOUR_PUBLIC_FORM_ID/submissions', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' },
    body: JSON.stringify(payload)
  });

  if (res.ok) {
    alert('Inquiry sent successfully!');
    form.reset();
  }
});
</script>

3. 内置反垃圾邮件防御，无需破坏性验证码

Lugatu 使用隐形蜜罐和速率限制检查传入提交的自动化机器人。合法访问者无需解决图像识别难题即可无缝提交表单。

4、通知方式灵活，保存持久

即使达到了出站电子邮件配额，所有提交的内容仍会保留在您的工作区收件箱中。您可以选择每个表单的即时警报、每日摘要或每周执行摘要。

安全和身份验证不变

安全说明：切勿将第三方 SMTP 服务器密码存储在前端 Web 服务器上。通过 HTTPS POST 路由到授权的摄取端点可消除凭证盗窃向量。

故障排除和常见摄取错误

直接从服务器发送的电子邮件会进入垃圾邮件文件夹

Lugatu 使用配置了有效 SPF、DKIM 和 DMARC 对齐的高信誉 Amazon SES IP 池对出站交易电子邮件进行身份验证。

常见问题解答

Lugatu 是否支持联系表单中的文件上传？

是的。 Lugatu 支持使用预签名上传令牌和私人存储来安全扫描病毒附件。

准备好创建您的表单端点了吗？

几秒钟内免费开始使用。无需信用卡。

免费开始 →