HTML5仕様で私のお気に入りのWebテクノロジーはWebSocket APIで、急速に人気が高まっています。 WebSocketは、過去数年間使用してきたAJAXテクノロジーを置き換えるための一般的なテクノロジーを提供します。この新しいAPIは、クライアントからの単純な構文を使用して、サーバーにメッセージを効果的にプッシュする方法を提供します。 HTML5 WebSocket APIを見てみましょう。クライアント側とサーバー側で使用できます。また、socket.ioという優れたサードパーティAPIがあります。
1. HTML5のWebSocketAPIとは何ですか?WebSocket APIは、次世代のクライアントサーバーの非同期通信方法です。この通信は、WSまたはWSSプロトコルを使用して単一のTCPソケットを置き換え、任意のクライアントおよびサーバープログラムに使用できます。 WebSocketは現在、W3Cによって標準化されています。 WebSocketは、Firefox 4、Chrome 4、Opera 10.70、Safari 5などのブラウザによって既にサポートされています。
WebSocket APIの最大のことは、サーバーとクライアントが特定の時間範囲内でいつでも情報を互いにプッシュできることです。 Ajaxテクノロジーではクライアントがリクエストを開始する必要があるため、WebSocketはAjax(またはXHR)モードでの通信に限定されません。 XHRはドメインによって制限されていますが、Websocketはクロスドメイン通信を許可します。
AJAXテクノロジーの賢いことは、使用するように設計する方法がないということです。 WebSocketは指定されたターゲット用に作成され、両方向のメッセージをプッシュするために使用されます。
2。HTML5でのWebSocketAPIの使用各サーバー側の言語には独自のAPIがあるため、クライアント側APIにのみ焦点を当てます。次のコードスニペットは、接続を開き、接続のイベントリスナーを作成し、切断し、メッセージ時間を作成し、メッセージをサーバーに送り返し、接続を閉じることです。
コードをコピーします