コース: WebアプリのためのHTML5 API 講座

今すぐコースを受講しましょう

今すぐ登録して、23,200件以上登録されている、業界エキスパート指導のコースを受講しましょう。

Node.jsを使ったWebSocketクライアントの実装

Node.jsを使ったWebSocketクライアントの実装

このレッスンでは WebSocket クライアントを 実装する方法について学びます すでに node.js で実装された ウェブサーバー socketserverWS.js があります サンプルを実行する前に node.js と WebSocket モジュールの インストールを済ませておいてください まずサーバーを起動しましょう サンプルファイルのある場所で コマンドプロンプト Mac ではターミナルを開き node socketserver WS.js を実行します ウェブサーバーはポート 8888 で クライアントからの接続を待機しています またウェブサーバーは Origin つまりクライアントが実行されている場所が ローカルホスト ポート番号 63342 からのみを 受け付けるよう実装されています エクスプローラなどから 直接 HTML を開いた場合は Origin が nul として送信されます その場合 これから試すように サーバーはその接続を拒否します ダブルクリックで HTML を開きます ソケットをクローズ つまりウェブサーバーに接続できませんでした 原因はクライアントの Origin が ローカルホスト 63342 では なかったため ウェブサーバーが接続のリクエストを 拒否したからです ��マンドプロンプトを見ても ウェブサーバーがクライアントからの 接続リクエストを 拒否していることがわかります 正常にクライアントを実行するために 先ほどのタブを閉じ ローカルホスト 63342 から クライアントを実行します ローカルホスト 63342 に置かれている クライアントを開きます 今度はウェブサーバーがリクエストを受け入れ サーバーとクライアントは 非同期で 通信することができるようになりました ここで クライアントからサーバーに メッセージを送信できます ここでは Blackbird と入力してみます サーバーはこのメッセージを受信して 同じようにレスポンスを クライアントに返します サーバーに送信してみましょう クライアントからは 「サーバーにテキストを送信しています」 というメッセージが表示されました 同じようにサーバーを開くと 少し上にスクロールします するとクライアントから送られたメッセージを 確認することができます クライアントに戻って…

目次