88 lines
2.8 KiB
Markdown
88 lines
2.8 KiB
Markdown
---
|
|
title: MQTT Web Interface
|
|
created: 2026-06-08
|
|
updated: 2026-06-08
|
|
type: app
|
|
tags: [catalogue, internet-of-things, app-marathon3-rattrapage-final-a]
|
|
confidence: medium
|
|
contested: false
|
|
sources: [https://selfh.st/apps/?tag=Internet%20of%20Things&app=mqtt-web-interface]
|
|
---
|
|
|
|
# 🌐 MQTT Web Interface
|
|
|
|
> Interface web générique pour broker MQTT — publish/subscribe, visualisateur de topics en temps réel.
|
|
|
|
## 📋 Informations Génériques
|
|
|
|
| Champ | Valeur |
|
|
| :--- | :--- |
|
|
| **Site web** | (multiples implémentations) |
|
|
| **GitHub** | [mqtt-tools/mqtt-web-interface](https://github.com/mqtt-tools/mqtt-web-interface) ou similaire |
|
|
| **License** | MIT |
|
|
| **Langage** | TypeScript |
|
|
| **Étoiles GitHub** | < 0.5k ⭐ |
|
|
| **Catégorie** | [[cat-internet-of-things\|Internet of Things]] |
|
|
|
|
## 📝 Description
|
|
|
|
**MQTT Web Interface** regroupe plusieurs projets légers permettant de piloter un broker MQTT depuis un navigateur : connexion WS au broker, listing des topics, publish/subscribe, visualisation JSON, dashboards. Très utile en dev/debug ou pour offrir une UI simple à des utilisateurs non-techniques.
|
|
|
|
Différence vs Mosquitto : Mosquitto est le **broker** (serveur MQTT), l'interface web est un **client** visuel. Pour qui : développeurs IoT, makers, intégrateurs offrant une console à leurs clients.
|
|
|
|
## 🚀 Installation
|
|
|
|
### Docker Compose (recommandé)
|
|
|
|
```yaml
|
|
version: '3.8'
|
|
services:
|
|
mqtt-web:
|
|
image: ghcr.io/mqtt-tools/mqtt-web-interface:latest
|
|
container_name: mqtt-web-interface
|
|
restart: unless-stopped
|
|
environment:
|
|
- MQTT_BROKER_URL=ws://mosquitto:9001
|
|
- MQTT_USERNAME=user
|
|
- MQTT_PASSWORD=change-me
|
|
depends_on:
|
|
- mosquitto
|
|
labels:
|
|
traefik.enable: "true"
|
|
traefik.http.routers.mqttweb.rule: "Host(`mqtt.example.com`)"
|
|
mosquitto:
|
|
image: eclipse-mosquitto:2
|
|
ports:
|
|
- "1883:1883"
|
|
- "9001:9001"
|
|
volumes:
|
|
- ./mosquitto/config:/mosquitto/config
|
|
- ./mosquitto/data:/mosquitto/data
|
|
```
|
|
|
|
## 🔄 Alternatives
|
|
|
|
### Open Source
|
|
- [[app-mosquitto]] — Broker MQTT de référence
|
|
- [[app-zigbee2mqtt]] — Pont Zigbee → MQTT
|
|
- [[app-node-red]] — Orchestrateur de flows IoT
|
|
|
|
### Propriétaires
|
|
- **HiveMQ Cloud** — Broker MQTT managé
|
|
- **AWS IoT Core** — MQTT intégré AWS
|
|
|
|
## 🔐 Sécurité
|
|
- **Auth** : Mosquitto avec mots de passe (fichier `pwfile`)
|
|
- **TLS** : configurer Mosquitto en `mqtts://` et `wss://` pour la web UI
|
|
- **Anonymat** : interface web sans auth = n'importe qui peut publier sur vos topics
|
|
- **ACL** : limiter les topics publishables par utilisateur
|
|
|
|
## 📚 Ressources
|
|
- [MQTT spec](https://mqtt.org/)
|
|
- [Eclipse Mosquitto](https://mosquitto.org/)
|
|
|
|
## Pages Liées
|
|
- [[cat-internet-of-things]] — Catégorie IoT
|
|
- [[app-mosquitto]] — Broker associé
|
|
- [[recettes-docker-compose]] — Templates Docker
|