ENGINEERING GUIDE · ARKITEKTURA AT SEGURIDAD

Paano Gumawa ng Modernong Form sa Pakikipag-ugnayan Nang Walang SMTP o Email Server Setup

Isang komprehensibong gabay sa engineering sa pag-decoupling ng mga web form mula sa mga marupok na SMTP server, pagpapahusay sa paghahatid sa 99.8%, at pag-aalis ng mga kredensyal ng email na malinaw sa teksto mula sa imprastraktura ng web.

Magsimula sa Lugatu → Lahat ng Teknikal na Gabay

1. Bakit Nabigo ang Tradisyunal na SMTP sa Mga Makabagong Website

Sa loob ng mga dekada, direktang na-configure ng mga developer ang mga kredensyal ng PHPMailer o SMTP sa kanilang website code o mga database ng CMS. Sa mga environment na walang server, static (Jamstack), at edge computing, lumilikha ito ng matitinding bahid sa arkitektura: nakalantad na mga kredensyal sa mga bundle ng kliyente, mga timeout ng koneksyon, at mga pagkabigo sa paghahatid ng SPF/DKIM/DMARC.

warning

Huwag kailanman i-embed ang mga SMTP password o sikretong key sa client-side na HTML o frontend na mga bundle ng JavaScript. Gumamit ng mga nakalaang HTTP ingestion na endpoint.

2. Ang Decoupled Form Ingestion Architecture

Sa halip na magkaroon ng mga web server nang sabay-sabay na kumonekta sa mga SMTP port sa panahon ng isang kahilingan sa HTTP, ang mga modernong arkitektura ay gumagamit ng isang decoupled transactional flow. Ang kliyente ay nagpapadala ng karaniwang HTTPS POST payload sa isang API endpoint. Ang backend ay nagpapatunay at atomically nagpapatuloy sa pagtatanong sa PostgreSQL bago ang mga asynchronous na manggagawa ay magpadala ng mga abiso.

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. Built-in na Anti-Spam Defense na Walang Mga Nakakagambalang CAPTCHA

Sinisiyasat ni Lugatu ang mga papasok na pagsusumite para sa mga automated na bot gamit ang mga hindi nakikitang honeypot at paglilimita sa rate. Ang mga lehitimong bisita ay nagsusumite ng mga form nang walang paglutas ng mga puzzle sa pagkilala ng imahe.

4. Mga Flexible na Mode ng Notification at Matibay na Pagpapanatili

Kahit na maabot ang mga quota ng papalabas na email, ang lahat ng mga pagsusumite ay mananatiling napanatili sa iyong inbox ng workspace. Maaari kang pumili ng Mga instant na alerto, Pang-araw-araw na digest, o Lingguhang executive summaries sa bawat form.

Invariant ng Seguridad at Pagpapatotoo

Tagubilin sa Seguridad: Huwag kailanman mag-imbak ng mga password ng third-party na SMTP server sa mga frontend na web server. Ang pagruruta sa pamamagitan ng HTTPS POST sa isang awtorisadong endpoint ng pag-ingest ay nag-aalis ng mga vector ng pagnanakaw ng kredensyal.

Pag-troubleshoot at Mga Karaniwang Error sa Pag-ingest

Ang mga email ay dumarating sa mga folder ng spam kapag direktang ipinadala mula sa mga server

Pinapatotohanan ng Lugatu ang mga papalabas na transaksyonal na email na may mataas na reputasyon na mga Amazon SES IP pool na na-configure na may wastong pag-align ng SPF, DKIM, at DMARC.

Mga Madalas Itanong

Sinusuportahan ba ng Lugatu ang mga pag-upload ng file sa mga contact form?

Oo. Sinusuportahan ng Lugatu ang mga secure na attachment na na-scan ng virus gamit ang mga paunang nilagdaan na upload token at pribadong storage.

Handa nang gawin ang endpoint ng iyong form?

Magsimula nang libre sa ilang segundo. Walang kinakailangang credit card.

Magsimula nang Libre →