Update README.md: change Docker container port to 3020 and improve formatting

This commit is contained in:
evansvl
2026-01-17 19:55:39 +03:00
parent 417245e643
commit 47714b0e8b

View File

@@ -70,7 +70,7 @@ VITE_APP_NAME=My VPN Cabinet
VITE_APP_LOGO=V VITE_APP_LOGO=V
# Порт для Docker контейнера # Порт для Docker контейнера
CABINET_PORT=3000 CABINET_PORT=3020
``` ```
#### 3. Запуск в Docker #### 3. Запуск в Docker
@@ -101,6 +101,7 @@ CABINET_ALLOWED_ORIGINS=http://localhost:3000,https://cabinet.yourdomain.com
## Настройка прокси для production ## Настройка прокси для production
Frontend - это статические файлы (HTML, JS, CSS). Для работы нужно: Frontend - это статические файлы (HTML, JS, CSS). Для работы нужно:
1. Раздавать статику через веб-сервер 1. Раздавать статику через веб-сервер
2. Проксировать `/api/*` запросы на backend бота 2. Проксировать `/api/*` запросы на backend бота
@@ -153,8 +154,8 @@ services:
- ./cabinet-dist:/srv/cabinet:ro - ./cabinet-dist:/srv/cabinet:ro
- caddy_data:/data - caddy_data:/data
ports: ports:
- "80:80" - '80:80'
- "443:443" - '443:443'
networks: networks:
- bot_network - bot_network
``` ```
@@ -164,6 +165,7 @@ services:
Если хотите использовать готовый Docker контейнер с nginx внутри. Если хотите использовать готовый Docker контейнер с nginx внутри.
**⚠️ Важно:** **⚠️ Важно:**
- Порт `80` в примерах - это **внутренний порт контейнера** (nginx внутри), не хост-порт! - Порт `80` в примерах - это **внутренний порт контейнера** (nginx внутри), не хост-порт!
- Контейнеры должны быть в одной Docker сети для связи друг с другом - Контейнеры должны быть в одной Docker сети для связи друг с другом
- Имена контейнеров используются как DNS внутри Docker сети - Имена контейнеров используются как DNS внутри Docker сети
@@ -194,11 +196,12 @@ services:
networks: networks:
bot_network: bot_network:
external: true # Используем существующую сеть external: true # Используем существующую сеть
name: remnawave-bedolaga-telegram-bot_bot_network # Пример для bedolaga bot name: remnawave-bedolaga-telegram-bot_bot_network # Пример для bedolaga bot
``` ```
**Важно:** Замените имя сети на вашу: **Важно:** Замените имя сети на вашу:
- Если у вас bot + caddy: используйте сеть бота (обычно `<название_проекта>_bot_network`) - Если у вас bot + caddy: используйте сеть бота (обычно `<название_проекта>_bot_network`)
- Если отдельный Caddy: узнайте через `docker network ls` - Если отдельный Caddy: узнайте через `docker network ls`
- Если используете Traefik: обычно `traefik` или `web` - Если используете Traefik: обычно `traefik` или `web`
@@ -212,6 +215,7 @@ docker compose up -d
**Шаг 4:** Добавьте в конфигурацию Caddy/Nginx: **Шаг 4:** Добавьте в конфигурацию Caddy/Nginx:
Caddy проксирует на контейнер: Caddy проксирует на контейнер:
```caddyfile ```caddyfile
cabinet.yourdomain.com { cabinet.yourdomain.com {
# API на backend # API на backend
@@ -228,6 +232,7 @@ cabinet.yourdomain.com {
``` ```
Nginx (добавьте в существующий конфиг): Nginx (добавьте в существующий конфиг):
```nginx ```nginx
server { server {
listen 443 ssl http2; listen 443 ssl http2;
@@ -269,6 +274,7 @@ docker exec <nginx_container> nginx -s reload
#### B. Если Caddy/Nginx ещё НЕ запущен: #### B. Если Caddy/Nginx ещё НЕ запущен:
docker-compose.yml: docker-compose.yml:
```yaml ```yaml
services: services:
cabinet-frontend: cabinet-frontend:
@@ -292,18 +298,18 @@ networks:
### Build-time (используются при сборке) ### Build-time (используются при сборке)
| Переменная | Описание | По умолчанию | | Переменная | Описание | По умолчанию |
|------------|----------|--------------| | ---------------------------- | ---------------------------------- | ------------ |
| `VITE_API_URL` | Путь к API (`/api` или полный URL) | `/api` | | `VITE_API_URL` | Путь к API (`/api` или полный URL) | `/api` |
| `VITE_TELEGRAM_BOT_USERNAME` | Username Telegram бота (без @) | - | | `VITE_TELEGRAM_BOT_USERNAME` | Username Telegram бота (без @) | - |
| `VITE_APP_NAME` | Название приложения | `Cabinet` | | `VITE_APP_NAME` | Название приложения | `Cabinet` |
| `VITE_APP_LOGO` | Логотип (короткий текст) | `V` | | `VITE_APP_LOGO` | Логотип (короткий текст) | `V` |
### Runtime (только для Docker) ### Runtime (только для Docker)
| Переменная | Описание | По умолчанию | | Переменная | Описание | По умолчанию |
|------------|----------|--------------| | -------------- | --------------- | ------------ |
| `CABINET_PORT` | Порт контейнера | `3000` | | `CABINET_PORT` | Порт контейнера | `3000` |
## Структура проекта ## Структура проекта
@@ -337,6 +343,7 @@ bedolaga-cabinet/
### 502 Bad Gateway ### 502 Bad Gateway
Убедитесь что: Убедитесь что:
1. Backend бот запущен и работает 1. Backend бот запущен и работает
2. Контейнеры находятся в одной Docker сети 2. Контейнеры находятся в одной Docker сети
3. Имя сервиса backend в прокси конфигурации правильное 3. Имя сервиса backend в прокси конфигурации правильное