亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

HTML5 Webソケット

WebSocket は、HTML5 が提供し始めた、単一の TCP 接続で全二重通信を行うためのプロトコルです。

WebSocket API では、ブラウザとサーバーはハンドシェイク アクションを?qū)g行するだけで、ブラウザとサーバーの間に高速チャネルが形成されます。データは両者間で直接送信できます。

ブラウザは、JavaScript を通じて WebSocket 接続を確立するリクエストをサーバーに送信します。接続が確立されると、クライアントとサーバーは TCP 接続を通じて直接データを交換できます。

Web Socket 接続を取得したら、send() メソッドを通じてサーバーにデータを送信し、 onmessage イベントを通じてサーバーから返されたデータを受信できます。

WebSocket オブジェクトの作成には次の API が使用されます。

var Socket = new WebSocket(url, [protocal] );

上記のコードの最初のパラメーター url は、接続の URL を指定します。 2 番目のパラメーターのプロトコルはオプションであり、受け入れ可能なサブプロトコルを指定します。

WebSocket のプロパティ

以下は、WebSocket オブジェクトのプロパティです。上記のコードを使用して Socket オブジェクトを作成するとします。

1 - 接続が確立され、通信が可能であることを示します。
Socket.readyState 読み取り専用屬性のreadyStateは、次の値の接続ステータスを示します: 0 - 接続がまだ確立されていないことを示します。


2 - 接続が閉じられていることを示します。


3 - 接続が閉じられたか、接続を開けないことを示します。



Socket.bufferedAmount

読み取り専用プロパティbufferedAmountは、send()によってキューに入れられ、送信を待っているがまだ送信されていないUTF-8テキストのバイト數(shù)です。

WebSocket イベント

以下は、WebSocket オブジェクトの関連イベントです。上記のコードを使用して Socket オブジェクトを作成するとします。

オープンSocket.onopen
接続メッセージの確立時にトリガーSocket.onmessageクライアントがサーバーデータを受信したときにトリガーエラーSocket.onerror通信エラーが発生したときにトリガー
Socket.onclose 接続が閉じられたときにトリガーされます

WebSocket メソッド

WebSocket オブジェクトの関連メソッドを以下に示します。上記のコードを使用して Socket オブジェクトを作成するとします。

ソケット。閉じる ()

      <kbd id="6rrx7"></kbd>
      接続を閉じる
      WebSocket の例
       WebSocket プロトコルは、本質(zhì)的には TCP ベースのプロトコルです。 
       WebSocket 接続を確立するには、クライアントのブラウザーが最初にサーバーへの HTTP リクエストを開始する必要があります。このリクエストは通常??の HTTP リクエストとは異なり、追加のヘッダー情報「アップグレード: WebSocket」が含まれています。これは、プロトコルのアップグレードを申請するための HTTP リクエストの場合、サーバーはこれらの追加のヘッダー情報を解析し、応答情報を生成してクライアントに返します。クライアントとサーバー間の WebSocket 接続が確立され、雙方が自由に接続できます。この接続チャネルを通じて情報を転送します。この接続は、クライアントまたはサーバーが接続をアクティブに閉じるまで存在し続けます。 
      クライアント側(cè)の HTML と JavaScript
       現(xiàn)在、ほとんどのブラウザは WebSocket() インターフェイスをサポートしています: Chrome、Mozilla、Opera、Safari のブラウザで例を試すことができます。 
      php_websocket.html ファイルの內(nèi)容
      <!DOCTYPE HTML>
<html>
   <head>
   <meta charset="utf-8">
   <title>php中文網(wǎng)(php.cn)</title>
      <script type="text/javascript">
         function WebSocketTest()
         {
            if ("WebSocket" in window)
            {
               alert("您的瀏覽器支持 WebSocket!");
               
               // 打開一個 web socket
               var ws = new WebSocket("ws://localhost:9998/echo");
               ws.onopen = function()
               {
                  // Web Socket 已連接上，使用 send() 方法發(fā)送數(shù)據(jù)
                  ws.send("發(fā)送數(shù)據(jù)");
                  alert("數(shù)據(jù)發(fā)送中...");
               };
               ws.onmessage = function (evt) 
               { 
                  var received_msg = evt.data;
                  alert("數(shù)據(jù)已接收...");
               };
               ws.onclose = function()
               { 
                  // 關(guān)閉 websocket
                  alert("連接已關(guān)閉..."); 
               };
            }
            
            else
            {
               // 瀏覽器不支持 WebSocket
               alert("您的瀏覽器不支持 WebSocket!");
            }
         }
      </script>
   </head>
   <body>
   
      <div id="sse">
         <a href="javascript:WebSocketTest()">運行 WebSocket</a>
      </div>
      
   </body>
</html>
      pywebsocket のインストール
       上記の手順を?qū)g行する前に、WebSocket をサポートするサービスを作成する必要があります。 pywebsocket から mod_pywebsocket をダウンロードするか、git コマンドを使用してダウンロードします: 
      git clone https://github.com/google/pywebsocket.git
      mod_pywebsocket には Python 環(huán)境のサポートが必要です
      mod_pywebsocket は Apache HTTP Web Socket Extension のインストール手順は次のとおりです: 
      • ダウンロードしたファイルを解凍します。 
      •  pywebsocket ディレクトリに入ります。 
      • コマンドを?qū)g行:
      $ python setup.py build
      $ sudo python setup.py install
      • ドキュメントを表示:
       $ py doc mod_pywebsocket
      サービスを開始します
       pywebsocket/mod_pywebsocket ディレクトリで次のコマンドを?qū)g行します: 
      $ sudo pythonstandalone.py -p 9998 -w ../example/
       
       
      上記のコマンドは、ポート番號 9998 でサービスを開き、-w を使用してハンドラー echo_wsh.py が配置されているディレクトリを設(shè)定します。 
      これで、先ほど作成した php_websocket.html ファイルを Chrome ブラウザで開くことができます。ブラウザが WebSocket() をサポートしている場合は、「WebSocket を?qū)g行」をクリックすると、プロセス全體の各ステップのポップアップ ウィンドウが表示されます。プロセス GIF のデモ: 
      1.gif
       サービスを停止した後、「接続が閉じられました」というメッセージが表示されます。 ...」というポップアップが表示されます。 


      					
				
			學(xué)び続ける
			

			
      

				
      
			        
      || 
      
			    
      

				

				
      <!DOCTYPE HTML>
<html>
<head>
 <meta charset="utf-8">
 <title>php中文網(wǎng)(php.cn)</title>

 <script type="text/javascript">
 function WebSocketTest()
 {
 if ("WebSocket" in window)
 {
 alert("您的瀏覽器支持 WebSocket!");

 // 打開一個 web socket
 var ws = new WebSocket("ws://localhost:9998/echo");

 ws.onopen = function()
 {
 // Web Socket 已連接上，使用 send() 方法發(fā)送數(shù)據(jù)
 ws.send("發(fā)送數(shù)據(jù)");
 alert("數(shù)據(jù)發(fā)送中...");
 };

 ws.onmessage = function (evt)
 {
 var received_msg = evt.data;
 alert("數(shù)據(jù)已接收...");
 };

 ws.onclose = function()
 {
 // 關(guān)閉 websocket
 alert("連接已關(guān)閉...");
 };
 }

 else
 {
 // 瀏覽器不支持 WebSocket
 alert("您的瀏覽器不支持 WebSocket!");
 }
 }
 </script>

</head>
<body>

<div id="sse">
 <a href="javascript:WebSocketTest()">運行 WebSocket</a>
</div>

</body>
</html>
      

				
			
      
			
      
			


		





      
		
      
			
			
		
      

      




























      <nav id="6rrx7"></nav>