Вебсайтдаа холбоо барих маягт хэрхэн нэмэх вэ (зурвас үнэхээр танд хүрдэг байх)

Ажилладаг холбоо барих маягт хийхийн тулд богино маягт (нэр, имэйл, зурвас) бүтээж, оролтыг шалгадаг серверийн маршрут руу илгээнэ. Тэр маршрут зурвасыг өгөгдлийн санд хадгалаад, нууц API түлхүүр ашиглан имэйл үйлчилгээгээр танд мэдэгдэл явуулна. Спамыг ихэвчлэн зогсоохын тулд далд honeypot талбар болон хүсэлтийн хязгаарлалт нэмнэ, тодорхой амжилтын мессеж харуулж, нийтлэгдсэн сайт дээр эхээс нь дуустал туршина. Имэйлээс өмнө хадгалах нь чухал: имэйл алдаатай байсан ч танд лавлагаа хадгалагдсан хэвээр байна.

Таны сонголтууд

Хэрэв таны сайт аль хэдийн сервертэй, өгөгдлийн сантай бол (AI апп бүтээгчээр хийсэн аппууд ихэвчлэн ийм байдаг) сүүлийн сонголт хамгийн найдвартай бөгөөд лавлагаагаа хаанаас харах боломжтой байлгана.

Сайн холбоо барих маягтад юу багтдаг вэ

• Аль болох цөөн талбар. Нэр, имэйл, зурвас. Сэдвийн жагсаалт ("Борлуулалт", "Дэмжлэг", "Бусад") зөвхөн түүгээр чиглүүлэх бол нэмнэ.
• Тодорхой шошго талбар бүрийн дээр, зөвхөн алга болдог placeholder текст биш.
• Тусламжтай шалгалт: "Зөв имэйл хаяг оруулна уу" гэх мэт, талбарын дэргэд харагдана.
• Амжилтын төлөв дараа юу болохыг хэлнэ: "Баярлалаа, бид ажлын нэг өдөрт хариулна."
• Нууцлалын тэмдэглэл мэдээллээ хэрхэн ашиглахаа хэлж, нууцлалын бодлогодоо холбоно.
• Нөөц холбоо барих хэрэгсэл таны имэйл эсвэл утас, илүү чиглэх дуртай хүмүүст зориулж.

Жишээ запрот

Энгийн маягт:

Холбоо барих хуудсан дээр нэр, имэйл, зурвас бүхий холбоо барих маягт нэм (бүгд заавал, зурвас дээд тал нь 2,000 тэмдэгт). Серверийн маршрут руу илгээж, оролтыг шалгаад contact_messages хүснэгтэд хүлээн авсан цагтай нь хадгалаад, "Баярлалаа, бид ажлын нэг өдөрт хариулна." гэсэн амжилтын мессеж харуул. Талбарын алдааг шууд харуул. Утсан дээр сайн ажиллуул.

Имэйлийн мэдэгдэл:

Холбоо барих зурвас хадгалагдах бүрт hello@example.com хаяг руу Resend ашиглан мэдэгдэл имэйл явуул, түлхүүрийг RESEND_API_KEY-ээс авна. Хариулах хаягт илгээгчийн имэйлийг тавиад, шууд хариулж болдог байг. Илгээлт бүтэлгүйтвэл хадгалсан зурвасаа үлдээгээд, түлхүүрийг дэлгэхгүйгээр алдааг бүртгэ.

Спамаас хамгаалах:

Холбоо барих маягтад спамаас хамгаалах тохиргоо нэм: хүн харахгүй далд honeypot талбар (хоосон байх ёстой), серверт IP тус бүрээс цагт 5 илгээлтийн хязгаар, мөн 3-аас дээш холбоостой зурвасыг татгалз. Honeypot илгээлтийг чимээгүйгээр хая, гэхдээ амжилт харуул.

Зурвасын жагсаалт:

Холбоо барих хуудас дээр нууц үгээр хамгаалагдсан админ хуудас нэм. Холбоо барих зурвасуудыг хамгийн шинээр нь эхэлж жагсаа, "Шийдсэн" checkbox болон шийдээгүй зурвасын шүүлтүүртэй байг.

Алхам алхмаар

1. Зурвас хаашаа очихыг шийд: хэн мэдэгдэл хүлээн авах, хэн хариулах.
2. Маягтаа бүтээ дээрх талбаруудтай, хүртээмжтэй шошготой, гар утсанд тохирсон оролттой (имэйлийн input төрлийг ашигла, ингэснээр утас зөв гар харуулна).
3. Серверийн маршрут үүсгэ. Энэ нь заавал талбарууд, имэйлийн формат, уртын хязгаарыг шалгана. Зөвхөн хөтчийн шалгалтад бүү найд.
4. Эхлээд өгөгдлийн санд хадгал. Дэлгэрэнгүйг аппдаа өгөгдлийн сан нэмэх нь хэсгээс харна уу.
5. Имэйл үйлчилгээ тохируул. Бүртгэл үүсгэж, илгээгч домэйнээ баталгаажуулж, API түлхүүрээ нууц (secret) байдлаар хадгал. Аппаасаа имэйл илгээх нь хэсэгт домэйн тохируулга (SPF, DKIM) дэлгэрэнгүй байгаа.
6. Хадгалсны дараа мэдэгдлээ серверээс илгээ. Илгээгч болгож баталгаажсан домэйнээ, хариулах хаяг болгож зочны имэйлээ ашигла. Зочны хаягаас "илгээгч" болгож болохгүй, үгүй бол спуфинг гэж татгалзагдах магадлалтай.
7. Зочдод автомат хариу илгээж болно, гэхдээ товч байлга; спам хаягт автомат хариу явуулбал таны илгээгчийн нэр хүнд уначих болно.
8. Спамаас хамгаалалт нэм: honeypot, хязгаарлалт, шаардлагатай бол CAPTCHA-тай төстэй шалгалт.
9. Нийтлэгдсэн сайт дээр туршаарай: илгээ, өгөгдлийн санг шалга, имэйл болон спам фолдероо шалга, хариулах товчийг дар.

Спамыг зогсоох нь

Холбоо барих маягт албан ёсоор нээгдсэнээс хойш хэдхэн хоногт роботууд татдаг. Хамгаалалтаа хамгийн бага саадтайгаас хамгийн их саадтай хүртэл давхардуулж үүс:

1. Honeypot талбар. Хүнд харагдахгүй талбар; робот бөглөдөг. Жинхэнэ зочдод ямар ч хохирол учруулдаггүй.
2. Серверийн талын хүсэлтийн хязгаарлалт. Нэг хаягаас тодорхой хугацаанд хэдэн зурвас илгээж болохыг хязгаарлана.
3. Агуулгын дүрэм. Холбоосоор дүүрсэн эсвэл зурвасын талбар хоосон, хэтэрхий урт зурвасыг татгалз.
4. CAPTCHA-тай төстэй шалгалт, жишээлбэл Cloudflare Turnstile эсвэл Google reCAPTCHA. Токеныг серверээр заавал баталгаажуулна; зөвхөн хөтөч дээр ажилладаг шалгалтыг тойрч гарч болно.

Түгээмэл алдаанууд

• Юу ч илгээгээгүй байхад "Илгээгдлээ!" гэж харуулах. Интерфейс серверийн хариунаас өмнө эсвэл хамаагүй амжилт гэж харуулдаг. Үргэлж серверийн хариуг хүлээ.
• Зөвхөн имэйл, өгөгдлийн сангүй. Нэг буруу тохируулсан түлхүүр нь хэдэн долоо хоногоор лавлагааг алга болгож, хэн ч анзаардаггүй.
• API түлхүүр фронтенд кодонд. Хэн ч таны нэрээр имэйл илгээж чадна.
• Баталгаажаагүй илгээгч домэйн. Мэдэгдэл спам руу орох эсвэл огт ирэхгүй.
• Зочны имэйлээс "илгээгч" болгох. Оронд нь reply-to ашигла.
• Уртын хязгаар байхгүй. Роботууд асар их текст буулгадаг.
• Амьд сайтыг хэзээ ч туршдаггүй. Түлхүүр, домэйн preview болон production-д ихэвчлэн ялгаатай байдаг.

Шалгах жагсаалт

• Тодорхой шошготой, ойлгомжтой алдаатай богино маягт
• Серверийн талын шалгалт болон уртын хязгаар
• Бүх зурвас өгөгдлийн санд хадгалагдсан
• Баталгаажсан домэйнээс мэдэгдэл имэйл, reply-to тохируулсан
• Имэйлийн API түлхүүр зөвхөн серверийн нууцад хадгалагдсан
• Honeypot болон хүсэлтийн хязгаарлалт идэвхтэй
• Серверт баталгаажсаны дараа л амжилтын мессеж гарна
• Нууцлалын тэмдэглэл нууцлалын бодлогод холбогдсон
• Нийтлэгдсэн сайт дээр эхээс нь дуустал, спам фолдерыг оруулаад туршсан

Mythex дээрх холбоо барих маягт

Mythex дээр бүхий л зүйлийг чатаас бүтээж болно. Маягт болон өгөгдлийн санг нэг запротой хамт хүс (эсвэл /database гэж бич), ингэснээр илгээлтүүд хадгалагдана. Mythex-д имэйл илгээдэг бүтээгдхүүн байхгүй тул мэдэгдлийн хувьд Resend, SendGrid эсвэл Postmark зэрэг үйлчилгээ авч, түлхүүрээ /secrets эсвэл төслийн тохиргоонд нэм, дараа нь агентаас серверээс илгээхийг хүс. Дэлгэрэнгүйг аппаасаа имэйл илгээх хэсгээс харна уу. Найдахаасаа өмнө маягтад Preview дээр App Testing (/test) ажиллуул, дараа нь нийтэл, амьд URL дээр туршаарай.

Холбоо барих маягт нь ихэнх жижиг бизнесийн вебсайтууд болон landing хуудсууд-ийн гол хэсэг. Нээхийн өмнө аюулгүй байдлын жагсаалтаа шалгаарай.

Асуултууд