Инструкция по настройке и использованию SmartCaptcha

Владимир Коток
На сайте с 04.12.2011
Offline
131
179

1. Регистрация и настройка в Яндекс Cloud

  1. Перейдите на https://cloud.yandex.ru/

  2. Создайте аккаунт или войдите в существующий

  3. Создайте новый облачный проект

  4. В меню сервисов выберите "SmartCaptcha"

  5. Нажмите "Создать капчу" и заполните параметры:

    • Название: Любое имя (например, "CleaningFormCaptcha")

    • Домены: Укажите ваш домен (например,  ваш-сайт.ru )

    • Для тестирования добавьте  localhost  и  127.0.0.1

2. Получение ключей

После создания капчи вы получите:

  • Клиентский ключ (client key) - для фронтенда

  • Серверный ключ (server key) - для бэкенда

3. Замена ключей в коде

Замените в JavaScript-коде:

  1. ВАШ_КЛИЕНТСКИЙ_КЛЮЧ  → ваш клиентский ключ

  2. ВАШ_СЕРВЕРНЫЙ_КЛЮЧ  → ваш серверный ключ

4. Настройка серверной проверки (обязательно)

В демо-коде используется прямое обращение к API Яндекс, но для рабочего проекта:

  1. Создайте серверный эндпоинт (например,  /verify-captcha )

  2. Отправляйте токен на этот эндпоинт

  3. На сервере проверяйте токен через Яндекс API

  4. Возвращайте результат клиенту

Пример для Node.js:

app.post('/verify-captcha', async (req, res) => {
    const { token } = req.body;
    
    const response = await fetch('https://smartcaptcha.yandexcloud.net/validate', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json'
        },
        body: JSON.stringify({
            secret: 'ВАШ_СЕРВЕРНЫЙ_КЛЮЧ',
            token: token,
            ip: req.ip
        })
    });
    
    const data = await response.json();
    res.json({ success: data.status === 'ok' });
});
5. Тестирование

Для локального тестирования:

  1. Используйте тестовый домен  localhost

  2. Проверяйте с токенами:

    • Всегда валидный:  no_robot

    • Всегда невалидный:  robot

  3. В продакшене удалите тестовые домены из настроек капчи

Особенности работы

  1. Капча автоматически адаптируется под устройства

  2. В большинстве случаев работает невидимо для пользователя

  3. При частых запросах показывает классическую капчу

  4. Токен действителен 3 минуты

После настройки капча будет защищать форму от спама и автоматических отправок.

🟢 Недорогое продление русских доменов — 199 руб/год — 👍 https://vladimir-kotok.ru/fe/
Vladimir
На сайте с 07.06.2004
Offline
599
#1
Владимир Коток :
После настройки капча будет защищать форму от спама и автоматических отправок.

После настроек капча будет надежно защищать вашего клиента от вашего сайта🤣
Это пример безграмотного решения от ИИ, вместо того, чтобы погуглить.

PS Хотя изначально,  это решение от школоты, а уж затем от ИИ

Аэройога ( https://vk.com/aeroyogadom ) Йога в гамаках ( https://vk.com/aero_yoga ) Аэройога обучение ( https://aeroyoga.ru ) и просто фото ( https://weandworld.com )
br.almighty
На сайте с 13.07.2021
Offline
106
#2
Ради интереса спрошу. Кто-то видел где-то эту капчу вне яндекса?
EE
На сайте с 02.01.2021
Offline
158
#3
Я ее пройти не могу 😁 у меня бесконечная загрузка (или проверка) после того, как я ввел верные данные 🥴.
V
На сайте с 16.08.2016
Offline
69
#4
br.almighty #:
Ради интереса спрошу. Кто-то видел где-то эту капчу вне яндекса?
Она появилась на fl.ru
br.almighty
На сайте с 13.07.2021
Offline
106
#5
vickodin #:
Она появилась на fl.ru

А где там, чтобы можно было посмотреть как она выглядит? Куда зайти надо, что нажать?

K4
На сайте с 29.01.2020
Offline
77
#6
br.almighty #:
Ради интереса спрошу. Кто-то видел где-то эту капчу вне яндекса?

Я слайдер ставил, но потом они ограничили бесплатные показы до 10к,  пришлось снять.

br.almighty
На сайте с 13.07.2021
Offline
106
#7
Kykapa4a #:

Я слайдер ставил.

Слайдер? Мне казалось, что там надо рисунки выбирать в определенной последовательности.

Слайдер ещё пользователи может и решат, а вот рисуночки... Только опытные могут такое решить.

K4
На сайте с 29.01.2020
Offline
77
#8
br.almighty #:

Слайдер? Мне казалось, что там надо рисунки выбирать в определенной последовательности.

Слайдер ещё пользователи может и решат, а вот рисуночки... Только опытные могут такое решить.

Слайдер лайтовое решение, требуется просто перетащить бегунок.


V
На сайте с 16.08.2016
Offline
69
#9
br.almighty #:

А где там, чтобы можно было посмотреть как она выглядит? Куда зайти надо, что нажать?

Мне показывается при входе:

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий