websocket及server環境配置 pywebsocket配置

看完讓你徹底搞懂Websocket原理

WebSocket 教程

WebSocket 是 HTML5 開始提供的一種在單個 TCP 連接上進行全雙工通訊的協議。

WebSocket 使得客戶端和服務器之間的數據交換變得更加簡單,允許服務端主動向客戶端推送數據。在 WebSocket API 中,瀏覽器和服務器只需要完成一次握手,兩者之間就直接可以創建持久性的連接,並進行雙向數據傳輸。

在 WebSocket API 中,瀏覽器和服務器只需要做一個握手的動作,然後,瀏覽器和服務器之間就形成了一條快速通道。兩者之間就直接可以數據互相傳送。

現在,很多網站爲了實現推送技術,所用的技術都是 Ajax 輪詢。輪詢是在特定的的時間間隔(如每1秒),由瀏覽器對服務器發出HTTP請求,然後由服務器返回最新的數據給客戶端的瀏覽器。這種傳統的模式帶來很明顯的缺點,即瀏覽器需要不斷的向服務器發出請求,然而HTTP請求可能包含較長的頭部,其中真正有效的數據可能只是很小的一部分,顯然這樣會浪費很多的帶寬等資源。

HTML5 定義的 WebSocket 協議,能更好的節省服務器資源和帶寬,並且能夠更實時地進行通訊。


瀏覽器通過 JavaScript 向服務器發出建立 WebSocket 連接的請求,連接建立以後,客戶端和服務器端就可以通過 TCP 連接直接交換數據。

當你獲取 Web Socket 連接後,你可以通過 send() 方法來向服務器發送數據,並通過 onmessage 事件來接收服務器返回的數據。

以下 API 用於創建 WebSocket 對象。

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



pywebsocket配置

在linux上安裝psweboscket

安裝git

sudo yum install git

git --version

安裝pywebsocket

git clone https://github.com/google/pywebsocket.git

進入pywebsocket路徑下

python setup.py build

python setup.py install


進入mod_pywebsocket路徑下啓動pywebsocket

cd mod_pywebsocket/

ls


python standalone.py -p 9998 -w ../example

將虛擬機端口映射到本機(vmware workstation或者putty, 我用的putty還比較快)

本機html代碼,運行點擊。

<!DOCTYPE HTML>

<html>

  <head>

  <meta charset="utf-8">

  <title>菜鳥教程(runoob.com)</title>


      <script type="text/javascript">

        function WebSocketTest()

        {

            if ("WebSocket" in window)

            {

              console.log("您的瀏覽器支持 WebSocket!");


              // 打開一個 web socket

              var ws = new WebSocket("ws://localhost:9998/echo");


              ws.onopen = function()

              {

                  // Web Socket 已連接上,使用 send() 方法發送數據

                  ws.send("發送數據");

                  console.log("數據發送中...");

              };


              ws.onmessage = function (evt)

              {

                  var received_msg = evt.data;

                  console.log("數據已接收...");

              };


              ws.onclose = function()

              {

                  // 關閉 websocket

                  console.log("連接已關閉...");

              };

            }


            else

            {

              // 瀏覽器不支持 WebSocket

              console.log("您的瀏覽器不支持 WebSocket!");

            }

        }

      </script>


  </head>

  <body>


      <div id="sse">

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

      </div>


  </body>

</html>

結果,說明pywebsocket已經啓動起來了。

關掉linux端pywebsocket服務

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章