ホームページ > 記事 > ウェブフロントエンド > Nodejs はインスタントメッセージングを実装できますか?

Nodejs はインスタントメッセージングを実装できますか?

WBOYオリジナル: 2023-05-16 20:34:35507ブラウズ

Node.js はイベント駆動型の非同期ライブラリであり、インスタントメッセージングなどのリアルタイムアプリケーションの構築に最適です。

従来の Web アプリケーションでは、データ送信は通常 HTTP プロトコルに基づいています。ただし、HTTP プロトコルは要求/応答プロトコルであるため、クライアントはサーバーから新しいデータを取得するたびに新しい要求を送信する必要があります。これにより一定の遅延が発生するため、即時の応答が必要なアプリケーションには理想的ではありません。

上記の問題を解決するには、WebSocket プロトコルを使用することをお勧めします。 WebSocket は HTML5 で導入された新しいプロトコルで、サーバーがリアルタイムでデータをクライアントにプッシュできるようになり、クライアントはデータを受信した後に直接処理することもできます。このメカニズムは存続期間の長い TCP 接続に基づいて実装されており、その遅延と帯域幅の使用効率は HTTP ベースのプッシュおよびプルテクノロジーよりも優れています。

Node.js では、WebSocket プロトコルの使用は複数のライブラリを通じて実装できますが、その中でも Socket.IO ライブラリと ws ライブラリがより一般的に使用されます。

Socket.IO は WebSocket に基づくライブラリで、WebSocket 接続、イベントトリガー、データ送信などの操作を処理する便利な API を提供します。また、静的ファイルの提供、ローカルストレージ、および複数のプロセス間の通信もサポートします。これらの機能により、インスタントメッセージングなどのリアルタイムアプリケーションを簡単に実装できます。

次に、Socket.IO を使用して基本的なインスタントメッセージングアプリケーションを実装するコード例をいくつか示します。

サーバーの作成

const app = require('express')();
const server = require('http').createServer(app);
const io = require('socket.io')(server);
const port = process.env.PORT || 3000;

server.listen(port, () => {
  console.log(`Server listening at http://localhost:${port}`);
});

Listen接続と切断のイベントを開いてメッセージを送信します

io.on('connection', (socket) => {
  console.log('a user connected');
  socket.on('disconnect', () => {
    console.log('user disconnected');
  });
  socket.on('chat message', (msg) => {
    console.log('message: ' + msg);
    io.emit('chat message', msg);
  });
});

このコードでは、io.on('connection') は接続イベントをリッスンします。クライアントが接続すると、「ユーザーが接続しました」「切断」イベントをリッスンすると、接続が切断されると、「ユーザーが切断されました」というメッセージが出力されます。同時に、「チャットメッセージ」イベントをリッスンし、メッセージを受信したら、そのログを出力し、io.emit('チャットメッセージ', msg) を呼び出してすべてのクライアントにメッセージをブロードキャストします。

クライアントページコード

<html>
  <head>
    <title>Chat Room</title>
  </head>
  <body>
    <ul id="messages"></ul>
    <form action="">
      <input id="m" autocomplete="off" /><button>Send</button>
    </form>
    <script src="/socket.io/socket.io.js"></script>
    <script>
      const socket = io();
      const form = document.querySelector('form');
      const input = document.querySelector('#m');
      const messages = document.querySelector('#messages');

      form.addEventListener('submit', (e) => {
        e.preventDefault(); // 防止页面跳转
        socket.emit('chat message', input.value); // 将消息发送给服务器
        input.value = ''; // 清空消息框
        return false;
      });

      socket.on('chat message', (msg) => {
        const li = document.createElement('li'); // 创建新条目
        li.textContent = msg; // 设置新条目的文本内容
        messages.appendChild(li); // 将新条目添加到列表中
      });
    </script>
  </body>
</html>

このコードには、チャットルームのメッセージ履歴を表示する単純な HTML ページと、新しいメッセージを送信するためのフォームが含まれています。ユーザーがフォームを送信すると、Socket.IO は「メッセージ」イベントをサーバーに送信し、サーバーはイベントの処理後にメッセージをすべてのクライアントにブロードキャストします。すべてのクライアントは「メッセージ」イベントをリッスンし、受信したメッセージをチャット履歴に追加します。

一般に、Node.js は WebSocket に基づいたインスタントメッセージングアプリケーションを非常に便利に実装できます。 Socket.IO を使用すると、チャットルームなどの単純なアプリケーションを実装するのは簡単ですが、複雑なアプリケーションの場合は、Node.js を他のさまざまなライブラリやフレームワークと併用して、より高度な機能を提供することもできます。

以上がNodejs はインスタントメッセージングを実装できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

node.js html5 html JS 事件异步 http websocket

声明：

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

前の記事：Nodejsでリアルタイムにデータを送信する方法次の記事：Nodejsでリアルタイムにデータを送信する方法

続きを見る

Nodejs はインスタント メッセージングを実装できますか?

関連記事

Nodejs はインスタントメッセージングを実装できますか?