ホームページ  >  記事  >  ウェブフロントエンド  >  WebSocketの使い方

WebSocketの使い方

不言
不言オリジナル
2019-01-11 15:37:0814858ブラウズ

WebSocket の使用方法: まず、新しい WebSocket を通じてインスタンスを作成し、次に WebSocket を使用して通信する Web サイトの URL を指定し、最後に WebSocket 通信を処理します。

WebSocketの使い方

この記事の動作環境: Windows 7 システム、Dell G3 コンピューター、JavaScript バージョン 1.8.5。

WebSocketは、サーバー側とクライアント側を常時接続して双方向通信を可能にする技術で、チャットアプリケーションや複数人で同時にプレイできるゲームなどのリアルタイム通信を可能にします。ただし、サーバーサイドのプログラムも必要となるため、この記事ではフロントエンド JavaScript の WebSocket に焦点を当てます。

まずは WebSocket の基本的な使い方を見てみましょう。

WebSocket を JavaScript で使用するには、まずインスタンスを作成する必要があります。

var connection = new WebSocket(【进行通信的URL】);

新しい WebSocket を通じてインスタンスを作成します。

パラメータとして指定する URL は、今後 WebSocket を使用して通信する Web サイトの URL です。

言い換えれば、WebSocket 通信を処理するにはサーバー側にコードが必要です。

一般的に目にするURLは「http://」または「https://」で始まりますが、WebSocketの場合は「ws://」または「wss://」で始まるURLになります。 /」は特殊な通信に使用されます。

WebSocket のイベント処理とメソッド

WebSocket では、4 つのイベント処理と 2 つのメソッドがよく使用されます。

まず、4 種類のイベント処理を見てみましょう。

var connection = new WebSocket(【进行通信的URL】);
//连接到通信
connection.onopen = function(e) { };
//发生错误时
connection.onerror = function(error) { };
//收到通信
connection.onmessage = function(e) { };
//通信中断
connection.onclose = function() { };

通信接続時にOnopen()を実行します。
通信中にエラーが発生した場合にonerror()を実行します。
サーバーからのデータ受信時にonmessage()を実行します。
次の場合にOnCloseを実行します。通信が中断されました ().

通常、WebSocket を使用するプログラムは、上記の 4 つのイベントを使用してプログラムを組み立てます。

さらに、イベント処理と組み合わせて、2 つの方法が一般的に使用されます。

//发送数据的方法
connection.send();
 
//切断通信的方法
connection.close();

send(): サーバーにデータを送信します。
close(): 通信を切断します。

主に send() を使用してサーバーにデータを送信します。close() は、次の目的で使用されます。意図的にオープン通信を中断すること。

以上がWebSocketの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。