UTVECKLARINFRASTRUKTUR · SERVERLÖS & JAMSTACK

Pålitlig form backend utan SMTP-huvudvärk.

Anslut dina HTML-, React-, Next.js-, Astro- eller anpassade formulär direkt till en Lugatu-slutpunkt. Anti-spam honeypot-filtrering, central inkorgshantering och meddelandeleverans fungerar direkt utan serverkonfiguration.

Noll server och noll SMTP

Exponera aldrig SMTP-uppgifter eller e-postlösenord i frontend-koden. Undvik leveransfel och svartlistor för spam utan ansträngning.

Smart Honeypot & Prisbegränsning

Friktionsfritt skydd mot skräppost. Blockera automatiska spambots tyst utan att irritera dina genuina besökare med svåra pussel.

Centraliserad hållbar inkorg

Varje svar lagras säkert i din arbetsyta PostgreSQL-inkorg. Meddelanden kasseras aldrig även om gränserna för utgående e-post nås.

1. Varför utvecklare eliminerar SMTP för webbformulär

Traditionella webbformulär som förlitar sig på SMTP eller PHP mail() lider av höga felfrekvenser, exponerade referenser i klientpaket och portblock på moderna serverlösa värdar. Lugatu ersätter ömtåliga e-postservrar med en spänstig, transaktionsbaserad HTTPS-formintagspipeline med stöd av PostgreSQL.

info

Lugatu hanterar SPF-, DKIM-, DMARC- och ISP-hastighetsgränser för din räkning. Inlämningar kvarstår innan meddelanden skickas, vilket säkerställer noll förlorade förfrågningar.

2. Inmatning av webbläsarformulär på klientsidan

För formulär på klientsidan på statiska webbplatser, skicka förfrågningar som JSON direkt till din offentliga formulärslutpunkt. Inkludera ett osynligt honeypot-fält för att blockera automatisk skräppost utan CAPTCHA:er som är vända mot användaren.

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>
Ersätt YOUR_PUBLIC_FORM_ID med det offentliga ID:t från din Lugatu-instrumentpanel.

3. Server-till-Server Programmatic Submissions

För backend-applikationer, mikrotjänster och server-renderade ramverk tillhandahåller Lugatu en auktoriserad programmatisk inlämningsslutpunkt som är autentiserad med din arbetsyta live API-nyckel.

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."
    }
  }'
Server-till-server API-nycklar avvisas strängt om de skickas från externa webbläsare.

Arkitektonisk säkerhet och nyckelinvariant

API-säkerhetspolicy: Lugatu live API-nycklar (lug_live_...) är strikt server-till-server-referenser. Bädda aldrig in API-nycklar i klientsidans HTML, mobilpaket eller frontend-skript. För formulär på klientsidan, använd alltid slutpunkten för offentliga formulär (POST /api/v1/public/forms/{publicFormId}/submissions).

Felsökning och vanliga förtäringsfel

CORS policy blockerade inlämningen

Se till att ursprungsdomänen som skickar in formuläret är listad under din angivna webbplats i Lugatu-instrumentpanelen. Lugatu upprätthåller ursprungsvalidering för att förhindra otillåten formkapning.

Inlämning returnerade 400 Bad Request med FORM_FIELDS_REQUIRED

Verifiera din JSON-nyttolaststruktur. Förfrågningar måste slå in formulärinmatningar i ett "fields"-objekt på toppnivå: {"fields": {"name": "...", "email": "..."}}.

Vanliga frågor

Behöver jag en SMTP-server eller e-postleverantör för att använda Lugatu?

Nej. Lugatu hanterar all e-postleverans, kvothantering och SPF/DKIM-verifiering direkt med hjälp av infrastruktur för transaktionsleveranser med högt anseende.

Vad händer om min månatliga aviseringskvot uppnås?

Dina bidrag går aldrig förlorade. Alla inkommande förfrågningar förblir säkert bevarade i din instrumentpanels inkorg, och du kan uppgradera eller granska dem när som helst.

Är du redo att effektivisera din formulärbackend?

Implementera din första slutpunkt på mindre än två minuter. Gratis nivå ingår.

Börja gratis →