---
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