AIKraft/AI/Войти
AIKraft/Skills/Веб-аутентификация cloudbase

Веб-аутентификация cloudbase

CloudBase Web Authentication Quick Guide for frontend integration after auth-tool has already been checked. Provides concise and practical Web authentication solutions with multiple login methods and complete user management.

TETencent official Дизайн

Что делает навык

Навык обеспечивает интеграцию веб-аутентификации CloudBase во фронтенде с использованием @cloudbase/js-sdk, предлагая Supabase-совместимый API для входа, регистрации и управления сессиями. Он решает задачи создания страниц входа, модальных окон и защиты роутов, опираясь на предварительно настроенные провайдеры.

Когда применять

  • Создание страницы входа или модального окна аутентификации для веб-приложения.
  • Реализация обработки сессий и защиты веб-маршрутов (route guards) с использованием auth.getSession().
  • Настройка входа по имени пользователя и паролю (username/password) или через OTP.
  • Инициализация SDK CloudBase для веб-проектов с использованием publishable key.

Как работает

  1. Проверить готовность провайдеров и получить publishable key через auth-tool-cloudbase (queryAppAuth/manageAppAuth), сохранив ключ в .env.local.
  2. Инициализировать приложение CloudBase с помощью cloudbase.init(), указав env, region и accessKey.
  3. Использовать методы auth модуля (signInWithPassword, signUp, signInWithOtp) для аутентификации, проверяя объект error.
  4. Для OTP-входа использовать callback data.verifyOtp({ token }) из результата signInWithOtp, а не отдельный метод.
  5. Проверять статус входа через auth.getSession() (data.session !== undefined), избегая устаревших методов вроде getLoginState().

Примеры запросов агенту

Как реализовать форму входа по имени пользователя и паролю в React с использованием CloudBase SDK?
Настройте защиту роута в веб-приложении, проверяя реальную сессию пользователя через CloudBase.
Как отправить SMS-код и подтвердить вход через OTP в CloudBase Web SDK v3?

Что понадобится

  • Установленный пакет @cloudbase/js-sdk (версия latest).
  • Доступ к инструментам MCP auth-tool-cloudbase для проверки провайдеров и получения ключей.
  • Корректный Environment ID (env) и Region (region) CloudBase.

Описание составлено по SKILL.md навыка, сверено 06.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «auth-web-cloudbase» из репозитория: # https://github.com/tencentcloudbase/skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r auth-web-cloudbase/ ~/.claude/skills/auth-web-cloudbase/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.