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:
Naeel
2026-04-04 19:28:30 +03:00
parent d57558c798
commit b48c300ac5
7 changed files with 1104 additions and 11 deletions
+54
View File
@@ -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