développement back-end
tutoriel php
Comment ajouter une fonctionnalité de chat utilisateur en temps réel à votre site Web à l'aide de PHP et MQTT
Comment ajouter une fonctionnalité de chat utilisateur en temps réel à votre site Web à l'aide de PHP et MQTT
Comment utiliser PHP et MQTT pour ajouter une fonction de chat utilisateur en temps réel au site Web
À l'ère d'Internet d'aujourd'hui, les utilisateurs de sites Web ont de plus en plus besoin de communication et de communication en temps réel. Afin de répondre à cette demande, nous pouvons utiliser PHP et MQTT pour. ajoutez des utilisateurs en temps réel à la fonction de chat. Cet article expliquera comment utiliser PHP et MQTT pour implémenter la fonction de chat utilisateur en temps réel du site Web et fournira des exemples de code.
- Assurer la préparation de l'environnement
Avant de commencer, assurez-vous d'avoir installé et configuré l'environnement d'exécution de PHP et MQTT. Vous pouvez utiliser un environnement de développement intégré tel que XAMPP, ou vous pouvez configurer les environnements d'exécution de PHP et MQTT séparément. Dans le même temps, vous avez également besoin d'un courtier MQTT. Vous pouvez utiliser un courtier MQTT open source tel que Mosquitto. - Installer l'extension PHP MQTT
Pour pouvoir utiliser le protocole MQTT en PHP, nous devons installer l'extension PHP MQTT. Vous pouvez télécharger, compiler et installer l'extension PHP MQTT depuis GitHub, ou utiliser Composer pour l'installer. - Connectez-vous au courtier MQTT
Dans le code PHP, nous devons d'abord nous connecter au courtier MQTT afin d'envoyer et de recevoir des messages. Voici un exemple de connexion à MQTT Broker :
<?php
require("phpMQTT.php");
$mqtt = new phpMQTT("mqtt.example.com", 1883, "phpMQTT Chat Client");
if (!$mqtt->connect()) {
exit("连接MQTT Broker失败");
}Dans le code ci-dessus, nous utilisons la classe phpMQTT pour nous connecter à MQTT Broker. Notez que vous devez remplacer « Mqtt.example.com » par l'adresse de votre propre courtier MQTT.
- Envoi et réception de messages
Une fois connectés avec succès au courtier MQTT, nous pouvons envoyer et recevoir des messages en publiant et en nous abonnant à des sujets. Voici un exemple d'envoi de message :
<?php $topic = "chat"; $message = "Hello, World!"; $mqtt->publish($topic, $message);
Dans le code ci-dessus, nous avons publié un sujet nommé "chat" et envoyé un message.
Ce qui suit est un exemple de réception de messages :
<?php
$topic = "chat";
$mqtt->subscribe($topic);
while($mqtt->proc()){
$message = $mqtt->message;
echo "收到消息：".$message;
}Dans le code ci-dessus, nous nous abonnons au sujet « chat » et utilisons une boucle pour recevoir en continu des messages et les imprimer.
- Ajouter une interface de discussion au site Web
Pour ajouter une fonction de chat au site Web, nous devons intégrer une fenêtre de discussion dans l'interface frontale, recevoir des messages de MQTT Broker via JavaScript et les afficher dans la fenêtre de discussion.
Ce qui suit est le code HTML d'une simple fenêtre de discussion :
<!DOCTYPE html>
<html>
<head>
<title>实时用户聊天</title>
</head>
<body>
<div id="chat-window">
<ul id="chat-messages"></ul>
<input type="text" id="message-input" placeholder="输入消息">
<button id="send-button">发送</button>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="mqttws31.js"></script>
<script>
var mqtt = new Paho.MQTT.Client("mqtt.example.com", Number(1883), "jsMQTT Chat Client");
mqtt.onMessageArrived = function(message) {
$("#chat-messages").append("<li>" + message.payloadString + "</li>");
};
mqtt.connect({onSuccess:function() {
mqtt.subscribe("chat");
}});
$(document).ready(function() {
$("#send-button").click(function() {
var message = $("#message-input").val();
var message = new Paho.MQTT.Message(message);
message.destinationName = "chat";
mqtt.send(message);
$("#message-input").val("");
});
});
</script>
</body>
</html>Dans le code ci-dessus, nous utilisons la classe Paho.MQTT.Client pour nous connecter au courtier MQTT et implémenter le chat en nous abonnant à des sujets, en recevant des messages et Fonction d'envoi de messages.
En enregistrant le code ci-dessus sous forme de fichier HTML et en remplaçant l'adresse du courtier MQTT par votre propre adresse, vous pouvez utiliser la fonction de chat utilisateur en direct sur votre site Web.
Résumé
Cet article explique comment ajouter une fonctionnalité de chat utilisateur en temps réel à votre site Web à l'aide de PHP et MQTT. En nous connectant à MQTT Broker, en envoyant et en recevant des messages et en ajoutant une interface de chat au site Web, nous pouvons implémenter une simple fonction de chat utilisateur en temps réel. J'espère que cet article pourra vous aider à accomplir cette tâche.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Guide d'installation et de mise à niveau de PHP 8.4 pour Ubuntu et Debian
Dec 24, 2024 pm 04:42 PM
PHP 8.4 apporte plusieurs nouvelles fonctionnalités, améliorations de sécurité et de performances avec une bonne quantité de dépréciations et de suppressions de fonctionnalités. Ce guide explique comment installer PHP 8.4 ou mettre à niveau vers PHP 8.4 sur Ubuntu, Debian ou leurs dérivés. Bien qu'il soit possible de compiler PHP à partir des sources, son installation à partir d'un référentiel APT comme expliqué ci-dessous est souvent plus rapide et plus sécurisée car ces référentiels fourniront les dernières corrections de bogues et mises à jour de sécurité à l'avenir.
Date et heure de CakePHP
Sep 10, 2024 pm 05:27 PM
Pour travailler avec la date et l'heure dans cakephp4, nous allons utiliser la classe FrozenTime disponible.
Discuter de CakePHP
Sep 10, 2024 pm 05:28 PM
CakePHP est un framework open source pour PHP. Il vise à faciliter grandement le développement, le déploiement et la maintenance d'applications. CakePHP est basé sur une architecture de type MVC à la fois puissante et facile à appréhender. Modèles, vues et contrôleurs gu
Téléchargement de fichiers CakePHP
Sep 10, 2024 pm 05:27 PM
Pour travailler sur le téléchargement de fichiers, nous allons utiliser l'assistant de formulaire. Voici un exemple de téléchargement de fichiers.
CakePHP créant des validateurs
Sep 10, 2024 pm 05:26 PM
Le validateur peut être créé en ajoutant les deux lignes suivantes dans le contrôleur.
Comment configurer Visual Studio Code (VS Code) pour le développement PHP
Dec 20, 2024 am 11:31 AM
Visual Studio Code, également connu sous le nom de VS Code, est un éditeur de code source gratuit – ou environnement de développement intégré (IDE) – disponible pour tous les principaux systèmes d'exploitation. Avec une large collection d'extensions pour de nombreux langages de programmation, VS Code peut être c
Guide rapide CakePHP
Sep 10, 2024 pm 05:27 PM
CakePHP est un framework MVC open source. Cela facilite grandement le développement, le déploiement et la maintenance des applications. CakePHP dispose d'un certain nombre de bibliothèques pour réduire la surcharge des tâches les plus courantes.
Comment analysez-vous et traitez-vous HTML / XML dans PHP?
Feb 07, 2025 am 11:57 AM
Ce tutoriel montre comment traiter efficacement les documents XML à l'aide de PHP. XML (Language de balisage extensible) est un langage de balisage basé sur le texte polyvalent conçu à la fois pour la lisibilité humaine et l'analyse de la machine. Il est couramment utilisé pour le stockage de données et
