Безопасная QR-авторизация
Войди в систему
сканируя QR-код
Установите PWA-приложение на телефон, наведите камеру на QR-код на экране компьютера — и вы авторизованы мгновенно. Без паролей.
Экран компьютера
Ожидание сканирования...
Ваш телефон (PWA)
📷
Сканер готов
Мгновенная авторизация
Через WebSockets
Laravel Sanctum
Как это работает
4 простых шага
Шаг 01
QR-код генерируется
Desktop открывает страницу авторизации — сервер генерирует уникальный UUID-токен и QR-код.
Шаг 02
Сканируете телефоном
Открываете PWA-сканер на телефоне, наводите камеру — токен считывается автоматически.
Шаг 03
Подтверждение уходит
PWA отправляет токен на API. Сервер верифицирует и создаёт Sanctum-токен для Desktop.
Шаг 04
Desktop авторизован!
Через WebSocket Desktop получает статус — «Успешная авторизация» вместе с access-токеном.
Технологии
Стек проекта
Laravel 12 + Sanctum
API-бэкенд с токен-авторизацией. QR-токены хранятся в Cache с TTL.
Vue 3 + Quasar
Фронтенд PWA-сканера. Quasar обеспечивает нативный мобильный UI.
Laravel Reverb (WebSockets)
Моментальное оповещение Desktop через приватный канал после сканирования.
PWA (Progressive Web App)
Устанавливается как нативное приложение на Android и iOS. Доступна offline.
html5-qrcode Scanner
Быстрое считывание QR-кода через камеру устройства.
Vite + VitePWA
Супербыстрая сборка. Service Worker генерируется автоматически.
Готовы попробовать?
Установите PWA-приложение на свой телефон и откройте Desktop-эмулятор в браузере. Авторизация займёт меньше 5 секунд.
Для тестирования: оба устройства должны быть в одной сети