Перейти к содержимому
supastack
Обзор документации
WebNext.js

For AI agents: fetch the complete documentation index at /llms.txt, the full documentation corpus at /llms-full.txt, the agent skill at /skill.md, or this page as Markdown at /ru/docs/web/captcha.md (or send Accept: text/markdown).

Защита от спама

Переключаемые через env проверки Turnstile на публичных формах и эндпоинтах auth.

Задать вопрос об этом руководстве
Открыть в

Прохождение для начинающих

Предварительные требования: прочтите два приведенных ниже руководства для начинающих, завершите локальную веб-настройку и откройте этот монорепозиторий в корневой папке вашего редактора. Веб-настройки принадлежат apps/web/.env.local; Next.js не читает корень .env. /dashboard в поддельном режиме по умолчанию представляет собой демонстрацию без базы данных; /auth требуется перенесенная база данных.

Вкратце: рабочее пространство — это отдельные пользователи, данные и настройки одной команды. Сервер является доверенным сервером; не допускайте попадания ключей провайдера в код браузера и телефона. Миграция — это изменение версии базы данных, при котором создаются или обновляются таблицы. Модель ИИ — это механизм, который отвечает; Каталог моделей — это список доступных идентификаторов моделей и цен на сервере. Поставщик — это внешняя служба, такая как служба искусственного интеллекта, электронной почты или службы выставления счетов. Право — это грант, который позволяет рабочей области использовать функцию. Вебхук — это сообщение, которое одна служба отправляет на URL другой службы.

1. Создайте виджет тестирования турникета для точного локального/развернутого имени хоста. В apps/web/.env.local установите CAPTCHA_PROVIDER=turnstile и NEXT_PUBLIC_TURNSTILE_SITE_KEY; помещайте TURNSTILE_SECRET_KEY только в секретное хранилище сервера.

2. Перезапустите и отправьте тестовую контактную форму.

3. Ожидайте вызова и успешного ответа с действительным токеном. Если каждый запрос завершается неудачей, сравните имя хоста и пару ключей; никогда не раскрывайте секретный ключ.

Для пользовательского кода начните с предоставленного prompts/README.md и скопируйте ближайшее приглашение: prompts/new-app-screen.md для экрана приложения или prompts/new-landing-page.md для общедоступной страницы. Для работы с сервером, базой данных или провайдером дайте своему агенту кодирования задание из этого руководства и попросите его прочитать AGENTS.md, .ai/PROJECT_CONTEXT.md и соответствующие зеркала .ai/; проверьте точные исходные файлы, указанные здесь; список файлов и проверки перед редактированием; сохранять права собственности на рабочую область и секреты, доступные только серверу; и покажу вам разницу. Сообщите ему желаемое поведение, поля ввода и вывода, разрешенные роли, ожидаемые успехи и ошибки, а также тестовую учетную запись, поставщика или устройство. Используйте выборочные значения; никогда не вставляйте настоящий секрет.

Включить обе клавиши

CAPTCHA_PROVIDER=off — значение по умолчанию. Выберите turnstile, настройте соответствующее имя хоста в приложении турникета и укажите оба ключа. NEXT_PUBLIC_TURNSTILE_SITE_KEY является общедоступным; TURNSTILE_SECRET_KEY используется только верификатором сервера.

CAPTCHA_PROVIDER=turnstile
NEXT_PUBLIC_TURNSTILE_SITE_KEY=your-site-key
# TURNSTILE_SECRET_KEY belongs in the server secret store.

Сохранить защищенные поверхности

Gate охватывает формы контактов/информационной рассылки, а также конечные точки входа и регистрации Better Auth, OTP и сброса пароля. Он дополняет проверку/ограничение скорости; это не заменяет сеансы или авторизацию рабочего пространства.

Проверка отклонения и восстановления

Проверьте действительный токен, отсутствующий/истекший/недействительный токен, сбой верификатора и повторную попытку после сброса клиентского виджета. Сохраняйте действенность копий, проверяемых человеком, и доступ к клавиатуре; проверьте зону покрытия выбранной системы аутентификации, прежде чем переключать провайдера.

Настройка и конфигурация

CAPTCHA_PROVIDER выбирает верификатор: off (по умолчанию — локальная разработка остаётся без учётных данных) или turnstile. Включение turnstile требует TURNSTILE_SECRET_KEY на сервере и NEXT_PUBLIC_TURNSTILE_SITE_KEY для клиентского виджета — схема config роняет запуск, если чего-то не хватает.

apps/web/src/captcha.ts компонует один процессный верификатор, который отправляет токен на эндпоинт siteverify Cloudflare с десятисекундным таймаутом и отказывает закрыто — непроверяемый токен никогда не считается доказательством человечности.

CAPTCHA_PROVIDER=turnstile
TURNSTILE_SECRET_KEY=…           # server-only
NEXT_PUBLIC_TURNSTILE_SITE_KEY=…

Guarded: sign-in/up, OTP send, reset,
contact + newsletter forms

Рабочий процесс внедрения

CaptchaWidget (src/captcha-widget.tsx) рендерит виджет и вставляет поле cf-turnstile-response в родительскую форму, а вызовы auth-клиента несут токен в заголовке x-captcha-response. Экшены контакта и рассылки проверяют до записи — проваленная проверка возвращает status=captcha вместо создания лида.

packages/auth монтирует captcha-плагин better-auth, когда провайдер включён; CAPTCHA_ENDPOINTS покрывает маршруты ввода учётных данных и выдачи токенов — sign-in, sign-up, отправка OTP, сброс пароля. Потребляющие эндпоинты вроде check-verification-otp остаются вне списка: там сам OTP или токен является доказательством.

Проверка и устранение неполадок

Отправьте каждую защищённую форму с отсутствующим и с некорректным токеном — оба должны отказать закрыто. Проверьте, что недоступный siteverify отклоняет, а не пропускает, что provider=off оставляет локальную разработку открытой, и что секрет никогда не попадает в клиентские бандлы или логи.

Часто задаваемые вопросы

14 вопросов

Что такое supastack?

supastack — модульная основа для создания SaaS-продуктов с AI. Она объединяет общую инфраструктуру, чтобы вы могли сосредоточиться на продуктовых функциях.

Поддерживает ли он web и mobile?

Да. supastack включает приложения Next.js и Expo как отправные точки для web- и мобильных интерфейсов.

Какая аутентификация включена?

Better Auth покрывает e-mail/пароль, OTP и социальный вход. Личные воркспейсы провижинируются вместе с аккаунтом, чтобы продуктовые записи были ограничены с первого дня.

Как он поддерживает AI?

supastack включает настраиваемый мультипровайдерный AI, учёт использования, бюджеты и зашифрованную поддержку bring-your-own-key.

Как обрабатываются подписки?

Для продуктов на ките Stripe-биллинг, подписки и права доступа образуют основу платного доступа. Секреты провайдеров остаются только на сервере.

Где живёт мой продуктовый код?

Продуктовые функции остаются в отдельном коде, а продукт настраивает и интегрирует модули основы supastack.

Как устроены цены supastack?

Кит — разовая покупка с пожизненными обновлениями: один фреймворк за $249 (временная стартовая цена — скидка $100 от стандартной цены $349) или все фреймворки (Next.js, iOS, Android) за $499 (временная стартовая цена — скидка $100 от стандартной цены $599), плюс $75 за каждое дополнительное место разработчика. Без подписки на кит. Оплата на этом сайте доставляет лицензионный ключ по e-mail, доступ к репозиторию — через приглашение GitHub.

Как воркспейсы ограничивают мои данные?

Записи пользователей ограничены по workspaceId. Идентичность, права доступа, AI-использование, события биллинга и записи аудита остаются внутри границы личного воркспейса.

Как работают фоновые задачи?

Trigger.dev — явный рантайм задач. Контракт JobRunner обещает только enqueue, status и cancel — семантика workflow остаётся специфичной для Trigger.dev и явной.

Чем почта отличается от рассылок?

Транзакционная почта покрывает продуктовые сценарии вроде уведомлений о завершении. Холодные рассылки и кампании — забота продукта, вне почтового модуля этого кита.

Как работают покупки в мобильном приложении?

Мобильное приложение поддерживает нативные покупки и восстановление через RevenueCat, а сервер проверяет доступ. Настройте аккаунты магазинов и завершите тестирование на устройствах перед публикацией. Веб-оплата остается отдельной.

Где хранятся ключи AI-провайдеров?

Bring-your-own-key креденшелы зашифрованы и остаются только на сервере. Ключи удаляются из логов; использование и бюджеты видны на уровне воркспейса.

Какие способы оплаты принимает оформление заказа?

Оформление заказа на Stripe принимает карты, а после включения кошельков в аккаунте Stripe может также предлагать Alipay и WeChat Pay — удобно для покупателей из Китая. Авторизации кошельков подтверждаются асинхронно, поэтому страница лицензии обновляется, как только платёж завершается.

Могу ли я получить возврат средств?

После получения доступа к репозиторию supastack остается вашим навсегда, поэтому возврат средств невозможен. Но будьте уверены: вы получаете полный исходный код с пожизненными обновлениями для создания и запуска неограниченного числа продуктов для себя или клиентов. Вы лишь не можете перепродавать код или распространять репозиторий как стартовый набор или шаблон.

RU
Тема