Tomcat 6で実現！Ajaxを超える通信技術Comet：Tomcatはどこまで“安全”にできるのか？（3）（2/3 ページ）

[x-labチーム，株式会社アメニクス]

Cometを使ったチャットアプリケーション

　それでは、実際にCometを使って簡易チャットを作成してみましょう。ページは上下分割で元のページは「CometChat.jsp」とします。

　ページ下部にメッセージ送信部分を作成し、「CometChatSender.jsp」というファイル名で作成します。ページ上部にメッセージ本文を表示させる「CometChat」というサーブレットを作成します。

図3　チャット中のクライアントのイメージ

チャットページを表示するJSP

　まずは、チャットページを表示するJSPファイルを置くための「jsp」ディレクトリを作成します。

*** 一部省略されたコンテンツがあります。PC版でご覧ください。 ***

　「jspディレクトリを作成したら、チャットページを表示するためのJSPファイルを作成します。ファイルの中身は以下のように作成します。

*** 一部省略されたコンテンツがあります。PC版でご覧ください。 ***

　これで、まずはチャットページを表示するための大枠が作成できました。

チャットの送信・表示をするためのJSP

　次に、チャットを送信するためのページを作成します。チャットの送信・表示にはAjaxを用いて行います

*** 一部省略されたコンテンツがあります。PC版でご覧ください。 ***

Ajax／JavaScriptでチャットの送信・表示を行う

　それでは、JavaScriptファイルを格納する「js」ディレクトリを作成しましょう。

*** 一部省略されたコンテンツがあります。PC版でご覧ください。 ***

　jsディレクトリを作成したら、JavaScriptの外部ファイルを作成します。ファイルの内容は以下の内容を記述します。

*** 一部省略されたコンテンツがあります。PC版でご覧ください。 ***

　これで、サーブレット以外の準備は終わりました。

web.xmlにサーブレットを追加

　web.xmlにサーブレットを追加しておきましょう。エディタでweb.xmlを開いたら、?の間に以下の内容を追加します。

*** 一部省略されたコンテンツがあります。PC版でご覧ください。 ***

編集部注：web.xmlの設定について詳しく知りたい読者は、連載「やり直し『JSPとTomcat』」の第12回「Webアプリケーションのパッケージングを『やり直す』」の「web.xmlの書き方を確認しよう！」を参照してください。

　追加が終わったら、サーブレットの作成に入りましょう。この後コンパイルもあるので、先にディレクトリを移動しておきます。

*** 一部省略されたコンテンツがあります。PC版でご覧ください。 ***

　続いて次ページでは、サーブレット部分を実装し、Cometチャットを動かします。