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 ou similaire
License	MIT
Langage	TypeScript
Étoiles GitHub	< 0.5k ⭐
Catégorie	cat-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é)

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

Pages Liées

cat-internet-of-things — Catégorie IoT
app-mosquitto — Broker associé
recettes-docker-compose — Templates Docker

2.8 KiB Raw Blame History