ホームページ バックエンド開発 PHPチュートリアル PHP と MQTT を使用して、リアルタイムのユーザー チャット機能を Web サイトに追加する方法

PHP と MQTT を使用して、リアルタイムのユーザー チャット機能を Web サイトに追加する方法

Jul 08, 2023 pm 07:46 PM
php mqtt ライブチャット

PHP と MQTT を使用して、Web サイトにリアルタイム ユーザー チャット機能を追加する方法

インターネット時代の今日、Web サイト ユーザーはリアルタイムのコミュニケーションとコミュニケーションの必要性がますます高まっています。 PHP と MQTT を使用して、リアルタイムのユーザー チャット機能を Web サイトに追加できます。この記事では、PHP と MQTT を使用して Web サイトのリアルタイム ユーザー チャット機能を実装する方法とコード例を紹介します。

  1. 環境の準備を確認する
    始める前に、PHP と MQTT の実行環境がインストールされ、構成されていることを確認してください。 XAMPP などの統合開発環境を使用することも、PHP と MQTT の実行環境を個別に構成することもできます。同時に、MQTT ブローカーも必要です。Mosquitto などのオープンソースの MQTT ブローカーを使用できます。
  2. MQTT PHP 拡張機能をインストールする
    PHP で MQTT プロトコルを使用するには、MQTT PHP 拡張機能をインストールする必要があります。 MQTT PHP 拡張機能を GitHub からダウンロードしてコンパイルしてインストールすることも、Composer を使用してインストールすることもできます。
  3. MQTT ブローカーの接続
    PHP コードでは、メッセージを送受信するために、まず MQTT ブローカーに接続する必要があります。以下は MQTT ブローカーへの接続の例です:
<?php
require("phpMQTT.php");

$mqtt = new phpMQTT("mqtt.example.com", 1883, "phpMQTT Chat Client");
if (!$mqtt->connect()) {
    exit("连接MQTT Broker失败");
}
ログイン後にコピー

上記のコードでは、phpMQTT クラスを使用して MQTT ブローカーに接続します。 「Mqtt.example.com」を独自の MQTT ブローカーのアドレスに置き換える必要があることに注意してください。

  1. メッセージの送受信
    MQTT ブローカーに正常に接続したら、トピックをパブリッシュおよびサブスクライブすることでメッセージを送受信できます。以下はメッセージ送信の例です。
<?php
$topic = "chat";
$message = "Hello, World!";
$mqtt->publish($topic, $message);
ログイン後にコピー

上記のコードでは、「chat」という名前のトピックを公開し、メッセージを送信しました。

以下はメッセージ受信の例です:

<?php
$topic = "chat";
$mqtt->subscribe($topic);
while($mqtt->proc()){
    $message = $mqtt->message;
    echo "收到消息:".$message;
}
ログイン後にコピー

上記のコードでは、トピック「チャット」をサブスクライブし、ループを使用してメッセージを継続的に受信し、出力します。

  1. Web サイトにチャット インターフェイスを追加する
    Web サイトにチャット機能を追加するには、フロントエンド インターフェイスにチャット ウィンドウを埋め込み、JavaScript を介して MQTT ブローカーからメッセージを受信して​​表示する必要があります。チャットウィンドウの中央にあります。

以下は、単純なチャット ウィンドウの HTML コードです:

<!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>
ログイン後にコピー

上記のコードでは、Paho.MQTT.Client クラスを使用して MQTT ブローカーに接続し、サブスクライブします。トピックへ、メッセージの送受信方法はチャット機能を実装します。

上記のコードを HTML ファイルとして保存し、MQTT ブローカーのアドレスを自分のアドレスに置き換えることで、Web サイトでリアルタイム ユーザー チャット機能を使用できます。

概要
この記事では、PHP と MQTT を使用してリアルタイム ユーザー チャット機能を Web サイトに追加する方法について説明します。 MQTT Broker に接続し、メッセージを送受信し、Web サイトにチャット インターフェイスを追加することで、簡単なリアルタイム ユーザー チャット機能を実装できます。この記事がこのタスクの完了に役立つことを願っています。

以上がPHP と MQTT を使用して、リアルタイムのユーザー チャット機能を Web サイトに追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Ubuntu および Debian 用の PHP 8.4 インストールおよびアップグレード ガイド Ubuntu および Debian 用の PHP 8.4 インストールおよびアップグレード ガイド Dec 24, 2024 pm 04:42 PM

PHP 8.4 では、いくつかの新機能、セキュリティの改善、パフォーマンスの改善が行われ、かなりの量の機能の非推奨と削除が行われています。 このガイドでは、Ubuntu、Debian、またはその派生版に PHP 8.4 をインストールする方法、または PHP 8.4 にアップグレードする方法について説明します。

CakePHP の日付と時刻 CakePHP の日付と時刻 Sep 10, 2024 pm 05:27 PM

Cakephp4 で日付と時刻を操作するには、利用可能な FrozenTime クラスを利用します。

CakePHP について話し合う CakePHP について話し合う Sep 10, 2024 pm 05:28 PM

CakePHP は、PHP 用のオープンソース フレームワークです。これは、アプリケーションの開発、展開、保守をより簡単にすることを目的としています。 CakePHP は、強力かつ理解しやすい MVC のようなアーキテクチャに基づいています。モデル、ビュー、コントローラー

CakePHP ファイルのアップロード CakePHP ファイルのアップロード Sep 10, 2024 pm 05:27 PM

ファイルのアップロードを行うには、フォーム ヘルパーを使用します。ここではファイルアップロードの例を示します。

PHP 開発用に Visual Studio Code (VS Code) をセットアップする方法 PHP 開発用に Visual Studio Code (VS Code) をセットアップする方法 Dec 20, 2024 am 11:31 AM

Visual Studio Code (VS Code とも呼ばれる) は、すべての主要なオペレーティング システムで利用できる無料のソース コード エディター (統合開発環境 (IDE)) です。 多くのプログラミング言語の拡張機能の大規模なコレクションを備えた VS Code は、

CakePHP クイックガイド CakePHP クイックガイド Sep 10, 2024 pm 05:27 PM

CakePHP はオープンソースの MVC フレームワークです。これにより、アプリケーションの開発、展開、保守がはるかに簡単になります。 CakePHP には、最も一般的なタスクの過負荷を軽減するためのライブラリが多数あります。

PHPでHTML/XMLを解析および処理するにはどうすればよいですか? PHPでHTML/XMLを解析および処理するにはどうすればよいですか? Feb 07, 2025 am 11:57 AM

このチュートリアルでは、PHPを使用してXMLドキュメントを効率的に処理する方法を示しています。 XML(拡張可能なマークアップ言語)は、人間の読みやすさとマシン解析の両方に合わせて設計された多用途のテキストベースのマークアップ言語です。一般的にデータストレージに使用されます

JSON Web Tokens(JWT)とPHP APIでのユースケースを説明してください。 JSON Web Tokens(JWT)とPHP APIでのユースケースを説明してください。 Apr 05, 2025 am 12:04 AM

JWTは、JSONに基づくオープン標準であり、主にアイデンティティ認証と情報交換のために、当事者間で情報を安全に送信するために使用されます。 1。JWTは、ヘッダー、ペイロード、署名の3つの部分で構成されています。 2。JWTの実用的な原則には、JWTの生成、JWTの検証、ペイロードの解析という3つのステップが含まれます。 3. PHPでの認証にJWTを使用する場合、JWTを生成および検証でき、ユーザーの役割と許可情報を高度な使用に含めることができます。 4.一般的なエラーには、署名検証障害、トークンの有効期限、およびペイロードが大きくなります。デバッグスキルには、デバッグツールの使用とロギングが含まれます。 5.パフォーマンスの最適化とベストプラクティスには、適切な署名アルゴリズムの使用、有効期間を合理的に設定することが含まれます。

See all articles