107 lines
4.5 KiB
Markdown
107 lines
4.5 KiB
Markdown
# 📱 Руководство по тестированию мобильной версии GodEye
|
||
|
||
## 🚀 Запуск системы
|
||
|
||
1. **Сервер запущен** на: `http://localhost:3001`
|
||
2. **Мобильная версия**: `http://localhost:3001/mobile`
|
||
3. **Десктопная версия**: `http://localhost:3001/demo`
|
||
|
||
## 📱 Тестирование с телефона
|
||
|
||
### Вариант 1: Прямое подключение
|
||
1. Откройте браузер на телефоне
|
||
2. Перейдите по адресу: `http://[IP_СЕРВЕРА]:3001`
|
||
3. Система автоматически определит мобильное устройство и покажет мобильную версию
|
||
|
||
### Вариант 2: Принудительная мобильная версия
|
||
- Перейдите по адресу: `http://[IP_СЕРВЕРА]:3001/mobile`
|
||
|
||
## 🔧 Настройка доступа с телефона
|
||
|
||
### Узнать IP адрес сервера:
|
||
```bash
|
||
ip addr show | grep "inet.*192\|inet.*10\."
|
||
```
|
||
|
||
### Альтернативно (для локальной сети):
|
||
```bash
|
||
hostname -I
|
||
```
|
||
|
||
## 📋 Пошаговое тестирование
|
||
|
||
### 1. Подготовка
|
||
- ✅ Сервер запущен на порту 3001
|
||
- ✅ Мобильная версия создана
|
||
- ✅ Роуты настроены
|
||
|
||
### 2. Тестирование камеры на телефоне
|
||
1. Откройте `http://[IP]:3001` на телефоне
|
||
2. Разрешите доступ к камере
|
||
3. Проверьте переключение фронт/тыл камера
|
||
4. Проверьте отображение превью
|
||
|
||
### 3. Тестирование соединения с оператором
|
||
1. Откройте **Desktop Operator** (`/desktop-operator/`)
|
||
2. Подключитесь к серверу
|
||
3. Найдите мобильное устройство в списке
|
||
4. Попробуйте запросить доступ к камере
|
||
|
||
### 4. Тестирование WebRTC соединения
|
||
1. Оператор отправляет запрос
|
||
2. На телефоне появляется уведомление
|
||
3. Принимаете запрос на телефоне
|
||
4. Проверяете видеопоток в Desktop Operator
|
||
|
||
## 🌐 Доступные URL
|
||
|
||
- **Главная** (авто-определение): `http://[IP]:3001/`
|
||
- **Мобильная версия**: `http://[IP]:3001/mobile`
|
||
- **Десктоп демо**: `http://[IP]:3001/demo`
|
||
- **API статус**: `http://[IP]:3001/api/status`
|
||
|
||
## ✨ Возможности мобильной версии
|
||
|
||
### Интерфейс
|
||
- 📱 Адаптивный дизайн для телефонов
|
||
- 🎥 Превью камеры в реальном времени
|
||
- 🔄 Переключение фронт/тыл камера
|
||
- 📊 Статус соединения
|
||
- 🔔 Уведомления о запросах
|
||
|
||
### Функциональность
|
||
- 🔌 WebSocket соединение с сервером
|
||
- 📹 WebRTC для передачи видео
|
||
- 🎯 Обработка запросов от операторов
|
||
- ✅ Принятие/отклонение запросов
|
||
- 🔄 Поддержка нескольких сессий
|
||
|
||
## 🐛 Отладка
|
||
|
||
### Проверка соединения
|
||
1. Откройте консоль разработчика в браузере
|
||
2. Проверьте WebSocket соединение
|
||
3. Проверьте ошибки WebRTC
|
||
|
||
### Логи сервера
|
||
```bash
|
||
tail -f /home/data/god_eye/backend/god-eye.log
|
||
```
|
||
|
||
### Проверка устройств
|
||
```bash
|
||
curl http://localhost:3001/api/status
|
||
```
|
||
|
||
## 📝 Примечания
|
||
|
||
- **HTTPS**: Для работы камеры в production нужен HTTPS
|
||
- **Локальная сеть**: В локальной сети работает через HTTP
|
||
- **Порты**: Убедитесь, что порт 3001 открыт в файрволе
|
||
- **Браузер**: Рекомендуется Chrome/Safari для лучшей поддержки WebRTC
|
||
|
||
## 🚨 Известные ограничения
|
||
|
||
1. **HTTP vs HTTPS**: Камера работает только на localhost через HTTP или везде через HTTPS
|
||
2. **Файрвол**: Нужно открыть порт 3001 для внешних подключений
|
||
3. **WebRTC**: Некоторые сетевые настройки могут блокировать P2P соединения |