開發者基礎設施·無伺服器和 JAMSTACK

可靠的表單後端 沒有 SMTP 麻煩。

將您的 HTML、React、Next.js、Astro 或自訂表單直接連接到 Lugatu 端點。 反垃圾郵件蜜罐過濾、中央收件匣管理和通知傳送在零伺服器設定下開箱即用。

零伺服器和零 SMTP

切勿在前端代碼中公開 SMTP 憑證或電子郵件密碼。 輕鬆避免投遞失敗和垃圾郵件黑名單。

智慧蜜罐和速率限制

無摩擦的反垃圾郵件防禦。 默默地阻止自動垃圾郵件機器人,而不會用困難的謎題來煩擾真正的訪客。

集中耐用收件匣

每個回應都安全地儲存在您的工作區 PostgreSQL 收件匣中。 即使達到出站電子郵件限制,郵件也永遠不會被丟棄。

1. 為什麼開發人員消除 Web 表單的 SMTP

依賴 SMTP 或 PHP mail() 的傳統 Web 表單存在高故障率、客戶端捆綁包中暴露的憑證以及現代無伺服器主機上的連接埠阻塞等問題。 Lugatu 使用 PostgreSQL 支援的彈性事務型 HTTPS 表單攝取管道取代了脆弱的郵件伺服器。

info

Lugatu 代表您處理 SPF、DKIM、DMARC 和 ISP 速率限制。 在發送通知之前提交內容將被保留,確保查詢零遺失。

2. 用戶端瀏覽器表單攝取

對於靜態網站上的用戶端表單,請將查詢作為 JSON 直接提交到您的公用表單端點。 包括一個不可見的蜜罐欄位來阻止自動垃圾郵件,而無需用戶導向的驗證碼。

contact-form.html html
<form id="contact-form">
  <input type="text" name="name" placeholder="Your Name" required />
  <input type="email" name="email" placeholder="you@domain.com" required />
  <textarea name="message" placeholder="How can we help?" required></textarea>

  <!-- Invisible Honeypot Field (Bots fill this; real users ignore it) -->
  <input type="text" name="_gotcha" style="display:none !important" tabindex="-1" autocomplete="off" />

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

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

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

  const response = 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 (response.ok) {
    alert('Thank you! Your message was received.');
    form.reset();
  }
});
</script>
將 YOUR_PUBLIC_FORM_ID 替換為 Lugatu 儀表板中的公共 ID。

3. 伺服器到伺服器的程式提交

對於後端應用程式、微服務和伺服器渲染框架,Lugatu 提供了一個授權的程式提交端點,並使用您的工作區即時 API 金鑰進行身份驗證。

submit.sh bash
curl -X POST "https://www.lugatu.com/api/v1/forms/YOUR_FORM_GUID/submissions" \
  -H "Authorization: Bearer lug_live_your_secret_api_key" \
  -H "Content-Type: application/json" \
  -H "Idempotency-Key: $(uuidgen)" \
  -d '{
    "fields": {
      "name": "Alex Taylor",
      "email": "alex@studio.design",
      "message": "Project consultation request from custom backend service."
    }
  }'
如果從外部瀏覽器來源發送,伺服器到伺服器 API 金鑰將被嚴格拒絕。

架構安全性和金鑰不變性

API 安全性策略:Lugatu live API 金鑰 (lug_live_...) 是嚴格的伺服器到伺服器憑證。 切勿將 API 金鑰嵌入用戶端 HTML、行動捆綁包或前端腳本中。 對於用戶端表單,請務必使用公用表單端點 (POST /api/v1/public/forms/{publicFormId}/submissions)。

故障排除和常見攝取錯誤

CORS 策略阻止了提交

確保提交表單的原始網域列在 Lugatu 儀表板中您指定的網站下。 Lugatu 強制執行來源驗證,以防止未經授權的表單劫持。

提交回傳 400 錯誤要求,格式為 FORM_FIELDS_REQUIRED

驗證您的 JSON 負載結構。 查詢必須將表單輸入包裝在頂級“fields”物件內:{“fields”:{“name”:“...”,“email”:“...”}}。

常見問題解答

我是否需要 SMTP 伺服器或電子郵件提供者才能使用 Lugatu?

不會。 Lugatu 使用高信譽的交易交付基礎架構處理所有電子郵件交付、配額管理和開箱即用的 SPF/DKIM 驗證。

如果我的每月通知配額達到了,會發生什麼事?

您提交的內容永遠不會遺失。 所有傳入的查詢都會安全地保存在您的儀表板收件匣中,您可以隨時升級或查看它們。

準備好簡化您的表單後端了嗎?

在兩分鐘內部署您的第一個端點。 包括免費套餐。

免費開始 →