06. チャットメッセージの受信

チャットメッセージの受信に関するコードを記述します。

解説

チャットメッセージの受信について、すべきことは以下です。

前提

05. チャットメッセージの送信」を実施していない場合は、実施します。

チャットページ用のテンプレートファイルの編集

以下のコマンドを実行し、チャットページ用のテンプレートファイルを開きます。



内容を以下のようにします。



解説)

「ctrl + o」を押下し、ファイルを上書き保存します。
「ctrl + x」を押下し、ファイルを閉じます。

動作確認

テスト用のWebサーバーの起動

以下のコマンドを実行し、テスト用のWebサーバーを起動します。

チャットページにアクセス

ブラウザで、以下のURLにアクセスします。
http://[テスト用のWebサーバーを起動したデバイスのIPアドレス]:8000/chat



「メッセージ入力フォーム」が表示されます。メッセージリストは、メッセージがまだないので、表示されません。

「ニックネーム」欄と「メッセージ」欄を入力し、「送信」ボタンをクリックします。



送信したメッセージが、即座に、ブラウザのメッセージリストに追加されます。

ブラウザをもう一つ立ち上げ、チャットページにアクセスします。
一方のブラウザから「ニックネーム」欄と「メッセージ」欄を入力し、「送信」ボタンを押します。



送信したメッセージが、即座に、両方のブラウザのメッセージリストに追加されます。

テスト用のWebサーバーの終了

動作を確認したら、「ctrl + c」を押下し、起動した開発用のWebサーバーを終了します。

関連ページ

前項目:05. チャットメッセージの送信