Auth Service в TypeScript: от mock к реальному API
Подключаем Auth Service к реальному бэкенду: login, register, getCurrentUser, logout. Заменяем mock-данные на POST/GET запросы, типизируем AuthResponse, находим и исправляем баг с пропущенным слэшем в URL. ⏱ Таймкоды: 00:00 — Интро 00:04 — Замена mock-данных на реальные API-вызовы в сервисах 00:21 — Auth Service: начинаем с аутентификации 00:37 — Удаляем mock-пользователя 00:54 — Login: POST запрос на auth/login с credentials 01:11 — Endpoints бэкенда: структура API v1 01:57 — Формируем запрос на auth/login 02:23 — Register: POST запрос на auth/register 02:50 — Типизация: AuthResponse и вывод типов TypeScript 03:17 — Убираем явные return types — TypeScript выводит сам 03:35 — GetCurrentUser: GET запрос на auth/me 04:10 — Logout: удаление токена из localStorage 04:27 — isAuthenticated: проверка наличия токена 04:35 — Auth Service готов — тестируем 04:55 — Network tab: отправляем запрос на регистрацию 05:21 — Ошибка 404: не найден endpoint 06:59 — Отладка: сравниваем URL в Swagger и приложении 07:22 — Баг найден: отсутствует слэш в URL 07:40 — Фикс: добавляем / в API Base URL 07:51 — Повторная регистрация — ошибка "пользователь уже существует" 08:15 — Успешная регистрация: access token, refresh token 08:40 — Результат: Auth Service работает с реальным бэкендом 👍 Если видео было полезно — ставь лайк и подписывайся! 📱 Соцсети: Telegram: https://t.me/daonejuniorday ⚡️ Поддержать меня на Boosty: https://boosty.to/sovit #typescript #auth #api #login #register #jwt #token #webdev #урок #frontend
Название:
Auth Service в TypeScript: от mock к реальному API
Категория:
Разное