115 lines
3.7 KiB
Markdown
115 lines
3.7 KiB
Markdown
# Настройка доступа через сеть
|
||
|
||
## Быстрый старт для Radmin VPN
|
||
|
||
### 1. Узнайте ваш IP адрес в Radmin VPN
|
||
|
||
Откройте командную строку и выполните:
|
||
```bash
|
||
ipconfig
|
||
```
|
||
|
||
Найдите адаптер Radmin VPN, IP обычно выглядит как `26.x.x.x`
|
||
|
||
### 2. Запустите бэкенд
|
||
|
||
```bash
|
||
cd backend
|
||
python main.py
|
||
```
|
||
|
||
Бэкенд автоматически слушает на всех сетевых интерфейсах (0.0.0.0:8000)
|
||
|
||
### 3. Запустите фронтенд
|
||
|
||
```bash
|
||
cd frontend
|
||
npm run dev
|
||
```
|
||
|
||
Теперь фронтенд запускается с флагом `--host` по умолчанию.
|
||
|
||
### 4. Откройте в браузере
|
||
|
||
**На вашем компьютере:**
|
||
- http://localhost:3000
|
||
|
||
**На компьютере друга:**
|
||
- http://ВАШ_RADMIN_IP:3000
|
||
- Например: http://26.123.45.67:3000
|
||
|
||
## Автоматическое определение API
|
||
|
||
Фронтенд автоматически определяет правильный API URL:
|
||
- Если открыто через `localhost` → подключится к `http://localhost:8000`
|
||
- Если открыто через IP → подключится к `http://ВАШ_IP:8000`
|
||
|
||
## Ручная настройка (если автоматика не работает)
|
||
|
||
Создайте файл `frontend/.env.local`:
|
||
|
||
```env
|
||
VITE_API_URL=http://26.123.45.67:8000
|
||
```
|
||
|
||
Замените `26.123.45.67` на ваш реальный IP в Radmin VPN.
|
||
|
||
Перезапустите фронтенд:
|
||
```bash
|
||
npm run dev
|
||
```
|
||
|
||
## Проверка подключения
|
||
|
||
1. Откройте консоль браузера (F12)
|
||
2. Проверьте, нет ли ошибок подключения
|
||
3. Убедитесь, что запросы идут на правильный IP адрес
|
||
|
||
## Возможные проблемы
|
||
|
||
### Серверы не загружаются
|
||
|
||
**Причина:** Фронтенд не может подключиться к бэкенду
|
||
|
||
**Решение:**
|
||
1. Убедитесь, что бэкенд запущен
|
||
2. Проверьте, что используется правильный IP
|
||
3. Проверьте брандмауэр Windows (порты 8000 и 3000 должны быть открыты)
|
||
|
||
### Ошибка при создании сервера
|
||
|
||
**Причина:** CORS или неправильный API URL
|
||
|
||
**Решение:**
|
||
1. Перезапустите бэкенд
|
||
2. Очистите кэш браузера (Ctrl+Shift+Delete)
|
||
3. Проверьте консоль браузера на ошибки
|
||
|
||
### WebSocket не подключается (консоль не работает)
|
||
|
||
**Причина:** WebSocket использует неправильный адрес
|
||
|
||
**Решение:**
|
||
1. Проверьте файл `frontend/src/config.js`
|
||
2. WebSocket должен использовать `ws://` вместо `http://`
|
||
3. Перезапустите фронтенд
|
||
|
||
## Открытие портов в брандмауэре Windows
|
||
|
||
```powershell
|
||
# Откройте PowerShell от имени администратора
|
||
|
||
# Порт для бэкенда
|
||
netsh advfirewall firewall add rule name="MC Panel Backend" dir=in action=allow protocol=TCP localport=8000
|
||
|
||
# Порт для фронтенда
|
||
netsh advfirewall firewall add rule name="MC Panel Frontend" dir=in action=allow protocol=TCP localport=3000
|
||
```
|
||
|
||
## Проверка работы
|
||
|
||
На компьютере друга откройте:
|
||
- http://ВАШ_IP:3000
|
||
|
||
Вы должны увидеть панель управления, и она должна показывать ваши серверы.
|