Безпека & API(ТЗ 15 из 54)
ТЗ: Захист форм від спаму без капчі (Honeypot)
Безпека & API3 шагов • +15 XP

ТЗ: Захист форм від спаму без капчі (Honeypot)

Технічне керівництво з впровадження прихованих пасток для ботів, часових пасток та хмарної фільтрації для збереження конверсії сайту.

+5 XP за шаг
Выполнено 0 из 3 шагов (0%)
Трудозатраты~8 рабочих часов
Фриланс вилка~$360 – $600 (€320 – €560)
Оценка веб-студии~$760 – $1,280 (€720 – €1200)

ТЗ заказчика (исходный бриф):

«Знищіть спам без необхідності розгадувати світлофори та гідранти.»
Ключевые требования:
  • •Приховане поле honeypot з реалістичною назвою атрибута name
  • •Часова пастка: відхилення відправок швидше ніж за 3 секунди
  • •Серверна валідація з блокуванням заповненого прихованого поля
  • •Резервна інтеграція з Cloudflare Turnstile або CleanTalk API
  • •Нульовий вплив на показники Core Web Vitals та швидкість завантаження
Ограничения проекта:
  • •Доступність: приховування поля через aria-hidden='true' та tabindex='-1'
  • •Незалежність основного механізму від завантаження зовнішнього JS
Критерии приёмки (KPI):
  • ≥ 98% відсіювання автоматизованого спаму від ботів
  • Збереження балів швидкості Lighthouse 90+
  • 0% хибних блокувань реальних клієнтів

Конфигурация блупринта под условия проекта

Выберите архитектуру и стек — шаги роадмапа, структура файлов и примеры кода переключатся автоматически:

Пошаговое практическое руководство по ТЗ

Подробный разбор архитектуры, код реализации и советы эксперта по каждому этапу:

1
Этап 1 из 3

Крок 1: Аналіз поведінки спам-ботів

Практическое руководство:

Спам-боти сканують HTML-код форми, знаходять усі теги <input> і автоматично заповнюють їх текстом. Наша мета — підсунути боту поле, яке людина не бачить, а бот обов'язково заповнить.

Важные технические нюансы и подводные камни:

Якщо приховане поле заповнене — форма блокується. Якщо поле порожнє — відправляє реальна людина.

2
Этап 2 из 3

Крок 2 (Honeypot): Впровадження прихованого поля в HTML

3
Этап 3 из 3

Крок 3 (Honeypot): Серверна валідація на хуках

Инструменты экосистемы Fullstack AI Lab для этого ТЗ

Интеграция