crunchy antibot Регистрация
3 проверки · без зависимостей

crunchy antibot

Три небольшие проверки для сайта: соберите фото, найдите печенье на сетке или введите код с картинки. Настройте реакцию на подозрительную активность, защитите форму и подключите одной командой.

3 варианта 10 000 юзеров бесплатно 0 зависимостей

демо

Проверьте вживую

Виджет работает полностью в браузере. События и токен появляются в журнале справа.

Токен демонстрационный: в реальном проекте его должен проверять сервер.

настройка

Реакция на подозрение

Включите сигналы, при которых появится капча. В предпросмотре их можно смоделировать кнопками.

Показывать при
событий за сек
подряд
Предпросмотр
0 / 20 событий 0 / 3 ошибок автоматизация: нет

js · защита
Это не DDoS-защита. Клиентский сторож видит только действия в браузере. Настоящий DDoS блокируют на сервере или CDN: rate limiting, WAF, Cloudflare. Капча — дополнительный слой, а токен нужно проверять на бэкенде.
бесплатно

10 000 юзеров в месяц

Все три капчи, аккаунт, ключ, статистика и журнал — без оплаты. Юзер — уникальный посетитель, которому показана капча, за календарный месяц.

free навсегда
₽0/ мес

10 000 юзеров в месяц

  • Все три капчи: v0.2, v1.0, v2.0
  • Ключ без срока действия
  • Личный кабинет и статистика
  • Счётчик уникальных посетителей через API
  • Кнопка «Не работает капча?»
Создать аккаунт
Как считается лимит. Сервер считает уникальные анонимные ID за календарный месяц. Для жёсткой блокировки проверяйте квоту на бэкенде — клиентская капча сама по себе не является биллингом. Если капча не работает у посетителя, отправьте его на страницу поддержки.
подключение

На свой сайт

Одна команда копирует виджет и фотографии в проект. Дальше — два тега на странице.

01 · командой

Скачайте файлы

Выполните в корне проекта. Вместо public/crunchy можно указать любую папку.

npx github:8pzww4tbys-byte/crunchy-antibot add public/crunchy

В папке появятся JS, CSS, логотип и фото.

02 · на странице

Подключите виджет

<link rel="stylesheet" href="/crunchy/crunchy-antibot.css">
<script src="/crunchy/crunchy-antibot.js"></script>

<div id="captcha"></div>
<script>
  const captcha = new CrunchyAntibot({
    el: '#captcha',
    type: 'text'
  });
</script>

Путь к фото и логотипу определяется по URL скрипта автоматически.

Без установки: <script src="https://cdn.jsdelivr.net/gh/8pzww4tbys-byte/crunchy-antibot@main/assets/crunchy-antibot.js"></script>
Про безопасность. Это клиентская капча: она усложняет простую накрутку, но не заменяет серверную проверку. В продакшене создавайте задание на сервере, проверяйте токен на бэкенде и ограничивайте число попыток.
Про DDoS. Backend в комплекте ограничивает частоту, соединения, размер тела и блокирует сканеры. Объёмные L3/L4-атаки должен держать CDN/WAF: включите Cloudflare, закройте origin и настройте rate limiting. Подробно — в SECURITY.md.