2.8 KiB
2.8 KiB
🚀 Быстрый старт с ZITADEL
Что нужно сделать
1️⃣ Создать приложение в ZITADEL
- Зайдите на zitadel.cloud или используйте свой инстанс
- Создайте новый проект или выберите существующий
- Нажмите "New Application"
- Выберите "Web Application"
- Выберите "Code (with PKCE)"
- Добавьте Redirect URI:
http://localhost:8000/api/auth/oidc/zitadel/callback - Сохраните Client ID и Client Secret
2️⃣ Настроить .env файл
Откройте backend/.env и добавьте:
# ZITADEL Configuration
ZITADEL_ISSUER=https://your-instance.zitadel.cloud
ZITADEL_CLIENT_ID=123456789012345678@your-project
ZITADEL_CLIENT_SECRET=your-secret-key-here
# URLs
BASE_URL=http://localhost:8000
FRONTEND_URL=http://localhost:3000
3️⃣ Запустить приложение
# Backend
cd backend
python main.py
# Frontend (в другом терминале)
cd frontend
npm run dev
4️⃣ Проверить
- Откройте http://localhost:3000
- Увидите кнопку "Войти через ZITADEL" 🔐
- Нажмите и войдите через ZITADEL
- Готово! ✅
Что происходит?
- Пользователь нажимает кнопку → Перенаправление на ZITADEL
- Вход в ZITADEL → Пользователь вводит логин/пароль
- Callback → ZITADEL возвращает код авторизации
- Обмен кода на токен → Backend получает данные пользователя
- Создание пользователя → Автоматическое создание в системе
- JWT токен → Пользователь получает токен для доступа
- Автоматический вход → Перенаправление в панель
Проблемы?
Кнопка ZITADEL не появляется
- Проверьте
.envфайл - Убедитесь что
ZITADEL_CLIENT_IDиZITADEL_ISSUERзаполнены - Перезапустите backend
Ошибка "Invalid redirect_uri"
- Проверьте Redirect URI в настройках ZITADEL
- Должен быть:
http://localhost:8000/api/auth/oidc/zitadel/callback
Ошибка "Invalid client"
- Проверьте
ZITADEL_CLIENT_IDиZITADEL_CLIENT_SECRET - Убедитесь что приложение активно в ZITADEL
Готово! 🎉
Теперь пользователи могут входить через ZITADEL!