テキストチャットアプリの作成

JavaScript

信号の受信

シグナルはセッションで受信される。シグナルを受信すると、送信されたデータに加えて、そのシグナルには from プロパティは、誰がシグナルを送信したかについての情報を持つ。これは、現在のユーザーが送信したシグナルと受信したシグナルを区別するために使用できます。

以下のコードをコピーして initializeSession() 関数である：

// Receive a message and append it to the history
const msgHistory = document.querySelector('#history');
session.on('signal:msg', (event) => {
  const msg = document.createElement('p');
  msg.textContent = event.data;
  msg.className = event.from.connectionId === session.connection.connectionId ? 'mine' : 'theirs';
  msgHistory.appendChild(msg);
  msg.scrollIntoView();
});

このコードでは、先のhtmlページからメッセージ履歴divを参照するための変数を作成し、シグナルをリッスンする。シグナルを受信すると、それがメッセージ履歴divに追加されます。このコードでは session.on(signal) リスナーを使うと、セッション内のすべてのシグナルを聞くことができます。このアプリのメッセージは msg タイプでは、これらのシグナルのみをリッスンしている。