HTML5のWebSocketは、単一のTCP接続を介して全二重通信を開始することによって提供されたプロトコルです。
WebSocketは、サーバーが積極的にクライアントにデータをプッシュすることができ、クライアントとサーバが容易との間でデータのやり取りを可能にします。WebSocket APIでは、ブラウザとサーバーはハンドシェイクを完了する必要があり、あなたは直接2、および双方向のデータ伝送間の永続的な接続を作成することができます。
WebSocket APIでは、ブラウザとサーバだけで、ブラウザとサーバ間の高速トラックの形成に、アクションのハンドシェイクを行う、とする必要があります。あなたは、互いの間で直接データを転送することができます。
https://www.runoob.com/html/html5-websocket.html:あなたが知らなかった場合のWebSocketは、新人のチュートリアルを見ることができます
それを実証するための小さなデモを構築し、
1. HTMLファイルを作成します。
<!DOCTYPE HTML > < HTML LANG = "EN" > < 頭> < メタ文字コード= "UTF-8" > < メタ名= "ビューポート" コンテンツ= "幅=装置幅、初期の規模= 1.0" > < メタHTTP -equiv = "X-UA-互換性のある" コンテンツ= "IE =エッジ" > < タイトル> websoket </ タイトル> < スタイル> </ スタイル> < > < スクリプト> のlet WS = 新新のWebSocket(' WS:// localhostを:8888 ' ); // 開く時、クライアントとサーバがトリガするために接続を確立している ws.onopen = 関数(){ ws.send(" こんにちは' ); }; // クライアントにサーバがメッセージをトリガするときのonMessageは、データ受信 ws.onmessageを= 関数(RES){ にconsole.log(RES); //は、オブジェクトを印刷するMessageEventのある // 真メッセージデータはres.dataあり ;} </ スクリプト> </ボディ> </ HTML >
2.このようsever.jsとして、JSファイルを作成し、簡単なバックグラウンドサービスを取るために特急のNode.jsを使用
1)。インストールのWS $のNPM I WS -S
2)私は-S表現急行$のNPMをインストールします。
必要=一定( 'エクスプレス'を表現する); constのアプリケーション = エクスプレス(); // 静的フォルダを設定し app.use(express.static(__ dirnameのを)); app.listen( 3000); //は、ブラウザを開くことができますlocalhostを:3000 // ============================================= // サービスのWebSocketの作成を開始 ポーラ=ザ・サーバー( 'WS'を必要と).server; constのWS = 新新サーバー({ポート:8888 }); // 接続サーバとクライアントのリスニング ws.on( '接続'を、機能(ソケット){ // リスニングクライアントメッセージ送信し socket.on( 'メッセージ'、機能(MSG){ はconsole.log(MSG)を、 // これは、クライアントから送信されたメッセージであります ;}) )};
あなたが望むデータを受信することができ、ブラウザ、およびバックグラウンドデータを開き、あなたに戻ります。