Exemples de code

Dart (Flutter) : exemple MQTT

Connectez vos applications Dart et Flutter à un broker MQTT avec le package mqtt_client. Commencez sur le broker public gratuit, puis pointez le même code vers un broker privé et sécurisé sur ConnectMQ.

Bibliothèque
mqtt_client
Installation
dart pub add mqtt_client # flutter pub add mqtt_client
Code source sur GitHubmqtt-code-samples/dart-flutterClonez les exemples complets et prêts à l’emploi. Étoiles et pull requests bienvenues. Voir sur GitHub

1. Essayez sur le broker public gratuit

Aucun compte requis : connectez-vous à broker.connectmq.com sur le port 1883 et publiez vos premiers messages en quelques secondes.

main.dart
import 'dart:convert';
import 'package:mqtt_client/mqtt_client.dart';
import 'package:mqtt_client/mqtt_server_client.dart';

Future<void> main() async {
  const topic = 'your-project/sensors/temperature'; // Utilisez un préfixe de topic unique : tout le monde peut lire le broker public

  // Connexion au broker public gratuit (aucun compte requis) (Chaque client doit avoir un client ID unique)
  final client = MqttServerClient.withPort('broker.connectmq.com', 'flutter-example', 1883);
  client.keepAlivePeriod = 30;
  await client.connect();

  // Abonnement au topic de température
  client.subscribe(topic, MqttQos.atLeastOnce);
  // Appelé pour chaque message reçu sur un topic abonné
  client.updates!.listen((messages) {
    final message = messages.first.payload as MqttPublishMessage;
    final text = MqttPublishPayload.bytesToStringAsString(message.payload.message);
    print('${messages.first.topic}: $text');
  });

  // Publication d’une mesure en JSON
  final builder = MqttClientPayloadBuilder()..addString(jsonEncode({'temperature': 21.5}));
  client.publishMessage(topic, MqttQos.atLeastOnce, builder.payload!);
}

Broker MQTT public gratuit

Le broker public est partagé : n’importe qui peut s’abonner à vos topics. N’y faites jamais transiter de mots de passe, de données personnelles ou d’informations confidentielles.

À propos du broker MQTT public gratuit

2. Passez en production avec ConnectMQ

Pour de vrais appareils, utilisez un broker MQTT serverless privé sur ConnectMQ plutôt que le broker public : chiffrement TLS, un nom d’utilisateur et un mot de passe par appareil et un contrôle d’accès par topic, entièrement managé. Commencez avec l’offre Free, sans carte bancaire.

Remplacez YOUR_BROKER_HOST, YOUR_USERNAME et YOUR_PASSWORD par les valeurs de votre tableau de bord ConnectMQ.

main.dart
import 'dart:convert';
import 'package:mqtt_client/mqtt_client.dart';
import 'package:mqtt_client/mqtt_server_client.dart';

Future<void> main() async {
  const topic = 'your-project/sensors/temperature';

  // Connexion à votre broker ConnectMQ privé sur le port 8883 (Chaque client doit avoir un client ID unique)
  final client = MqttServerClient.withPort('YOUR_BROKER_HOST', 'flutter-example', 8883);
  client.keepAlivePeriod = 30;
  // TLS : le magasin CA du système vérifie le certificat du broker
  client.secure = true;
  // Nom d’utilisateur et mot de passe issus du tableau de bord ConnectMQ
  await client.connect('YOUR_USERNAME', 'YOUR_PASSWORD');

  // Abonnement au topic de température
  client.subscribe(topic, MqttQos.atLeastOnce);
  // Appelé pour chaque message reçu sur un topic abonné
  client.updates!.listen((messages) {
    final message = messages.first.payload as MqttPublishMessage;
    final text = MqttPublishPayload.bytesToStringAsString(message.payload.message);
    print('${messages.first.topic}: $text');
  });

  // Publication d’une mesure en JSON
  final builder = MqttClientPayloadBuilder()..addString(jsonEncode({'temperature': 21.5}));
  client.publishMessage(topic, MqttQos.atLeastOnce, builder.payload!);
}

FAQ MQTT Dart (Flutter)

Comment connecter Dart (Flutter) à un broker MQTT ?

Installez mqtt_client, connectez-vous à l’hôte du broker sur le port 1883 (ou 8883 avec TLS), puis abonnez-vous à un topic et publiez-y des messages. Les exemples de cette page se connectent au broker public gratuit broker.connectmq.com et à un broker ConnectMQ privé.

Existe-t-il un broker MQTT gratuit pour tester Dart (Flutter) ?

Oui. broker.connectmq.com est un broker MQTT public gratuit qui ne nécessite aucun compte. Tout le monde peut lire ses topics : utilisez-le uniquement pour vos tests, avec un préfixe de topic unique.

Comment sécuriser une connexion MQTT Dart (Flutter) ?

Connectez-vous via TLS sur le port 8883 avec un nom d’utilisateur et un mot de passe issus de votre tableau de bord ConnectMQ, et attribuez à chaque appareil ses propres identifiants et permissions de topic au lieu d’utiliser le broker public.

Broker MQTT public gratuit

Testez n’importe quel exemple sur broker.connectmq.com : sans inscription, MQTT 3.1.1 et 5, TCP, TLS et WebSocket.

À propos du broker MQTT public gratuit

MQTT serverless sécurisé pour la production

Le moment venu de connecter de vrais appareils, exécutez le même code sur un broker ConnectMQ privé et entièrement managé, avec TLS et des identifiants par appareil.

Commencer gratuitement

Votre broker MQTT privé, à quelques clics

Créez un compte, récupérez les identifiants de votre broker et connectez votre premier appareil — aucun serveur à installer, mettre à jour ou dimensionner.

MQTT sur WebSocket : connecter un navigateur à un broker MQTT avec MQTT.js

Les navigateurs ne peuvent pas ouvrir de sockets TCP bruts : les applications web parlent donc MQTT sur WebSocket. Créez un client navigateur et un client Node.js fonctionnels sur broker.connectmq.com et apprenez à corriger les erreurs de connexion les plus courantes.

9 min de lecture