Initial commit
This commit is contained in:
114
NETWORK_SETUP.md
Normal file
114
NETWORK_SETUP.md
Normal file
@@ -0,0 +1,114 @@
|
||||
# Настройка доступа через сеть
|
||||
|
||||
## Быстрый старт для 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
|
||||
|
||||
Вы должны увидеть панель управления, и она должна показывать ваши серверы.
|
||||
Reference in New Issue
Block a user