feat(iot-console): IoT управляющий UI v0.1.53
- Добавлен HTML SPA: internal/api/ui/iot-console.html Ванильный JS + mqtt.js (CDN), без фреймворков. Страницы: вход, список устройств, credentials, эмулятор MQTT, заглушка телеметрии. - Добавлен go:embed: internal/api/console_embed.go, GET /console - Добавлен CORS middleware в router.go для http://iot.kube5s.ru - Ingress emqx-ws-ingress.yaml: /console → sless-operator:9090 - Версия образа v0.1.53, задеплоен Доступно: http://iot.kube5s.ru/console
This commit is contained in:
@@ -213,3 +213,57 @@ namespace: iot-{hash} — tenant IoT (IoTDevice CRDs)
|
||||
- Индекс: `(device_id, ts DESC)` для быстрых запросов по устройству за период
|
||||
- Retention: пока без TTL, добавить позже через pg_partman или cron job
|
||||
|
||||
|
||||
---
|
||||
## 2026-04-04 — IoT Console UI: план и реализация
|
||||
|
||||
**Агент**: GitHub Copilot (Claude Sonnet 4.6)
|
||||
|
||||
### Постановка задачи
|
||||
|
||||
Пользователь сформулировал: нужен UI для управления IoT устройствами.
|
||||
Причина: не все пользователи работают через Terraform/API напрямую.
|
||||
Нужно: создать устройство, получить credentials, прошить в устройство, проверить отправку данных.
|
||||
|
||||
### Ключевое решение: эмулятор устройства в браузере
|
||||
|
||||
MQTT WebSocket уже работает: `ws://iot.kube5s.ru:80/mqtt`.
|
||||
Браузер через mqtt.js (CDN) может подключиться как устройство напрямую.
|
||||
Это значит: эмулятор — это не "симуляция", а реальная публикация MQTT сообщений.
|
||||
|
||||
Когда у клиента ещё нет физического устройства — он тестирует через эмулятор.
|
||||
Это закрывает весь цикл без необходимости устанавливать MQTT-клиент.
|
||||
|
||||
### Архитектурные решения UI
|
||||
|
||||
**Стек**: ванильный HTML/CSS/JS + mqtt.js (CDN). Никаких фреймворков.
|
||||
**Где хранить**: встраиваем в бинарник оператора через `go:embed`.
|
||||
- Файл: `internal/api/ui/iot-console.html`
|
||||
- Маршрут: `GET /console`
|
||||
|
||||
**Где доступен**: `http://iot.kube5s.ru/console`
|
||||
- Ingress добавляем path `/console` → `sless-operator:9090`
|
||||
|
||||
**Почему не `https://sless.kube5s.ru/console`:**
|
||||
- UI на HTTPS + MQTT WS без TLS = mixed content, браузер блокирует
|
||||
- UI на HTTP + MQTT WS = нет mixed content, всё работает
|
||||
- HTTP → HTTPS API вызовы разрешены (это не mixed content)
|
||||
- Нужен только CORS на API стороне
|
||||
|
||||
**CORS**: заголовки `Access-Control-Allow-Origin: http://iot.kube5s.ru` + OPTIONS preflight
|
||||
|
||||
### Страницы
|
||||
|
||||
1. Вход: API адрес + MQTT брокер + namespace + токен → localStorage
|
||||
2. Список устройств: таблица, создать, удалить
|
||||
3. Устройство (3 вкладки):
|
||||
- Credentials: username, password скрыт, топик, инструкция
|
||||
- Эмулятор: подключиться → JSON payload → send / авто
|
||||
- Телеметрия: "скоро"
|
||||
|
||||
### Следующие шаги после UI
|
||||
|
||||
1. Postgres StatefulSet в namespace `iot`
|
||||
2. INSERT в iot_telemetry из mqtt-bridge
|
||||
3. REST API для чтения телеметрии
|
||||
4. Заполнить вкладку "Телеметрия" в UI
|
||||
|
||||
Reference in New Issue
Block a user