5.7. WebSocketのサンプル

5.7.1. 概要

WebSocketのサンプルです。詳細は、WebSocketの WebSocketの作成 の中で説明しています。

5.7.2. 構成

表2.5.8.2-1
src Webプロジェクトのソースフォルダです。
WebContent コンテキストディレクトリです。

5.7.3. 実行手順

  1. サンプルプロジェクト WebSocketSample.zip をインポートします。
  2. Chat.html内の「ws://localhost:80/WebSocketSample/chat」の localhost:80実際のWebサーバ名:ポート番号 に変更してください。
  3. ChatClientEndpointMain.java内の「ws://localhost:80/WebSocketSample/chat」の localhost:80実際のWebサーバ名:ポート番号 に変更してください。
  4. 右クリック > サーバで実行 を選択します。
  5. WebSocketをサポートしているブラウザー(例:IE10以上、FireFox24以上)で実行してください。
  6. 二つブラウザを開け、両方が http://Webサーバ名(ドメイン省略不可):ポート番号/WebSocketSample/websocket/Chat.html へアクセスします。ブラウザ1のテキストボックスに I'm AAA を入力し、 Send をクリックします。


    図2.5.8-1

  7. ブラウザ1とブラウザ2で I'm AAA というメッセージを受信することができます。


    図2.5.8-2

  8. WebSocketSampleプロジェクトのChatClientEndpointMain.javaを右クリックし、実行Javaアプリケーションメニューをクリックします。


    図2.5.8-3

  9. コンソールで、 I'm CCC を入力ます。


    図2.5.8-4

  10. コンソールとブラウザで I'm CCC というメッセージを受信することができます。


    図2.5.8-5


5.7.4. 注意事項

  1. 本サンプルは、WebSocketをサポートしているブラウザー(例:IE10以上、FireFox24以上)で実行してください。
  2. 実行前、サーバのHTTPコネクタをhttp(nio)に変更して、再起動してください。詳細設定は事前準備 を参照してください。
    実行後、サーバのHTTPコネクタをhttp(default)に戻ってください。