如果想對一個列表做即時的更新,傳統的做法是採用輪詢的方式。以web為例,通過Ajax定時請求服務端然後擷取資料顯示在頁面。這種方式實現簡單,缺點就是浪費資源。
HTTP1.1新增加了對websocket的支援,這樣就可以將被動展示轉變為主動通知。也就是通過websocket與服務端保持持久連結,一旦資料發生變化,由server通知client資料有更新,然後再進行重新整理等操作。這樣就省去了很多不必要的被動請求,節省了伺服器資源。
要實現一個webscoket的程式,首先需要使用支援html5的瀏覽器
if(ws === null){ var wsServer = 'ws://'+ location.hostname +':8888'; ws = new WebSocket(wsServer); ws.onopen = function(){ console.log("socket串連已開啟"); }; ws.onmessage = function(e){ console.log("message:" + e.data); }; ws.onclose = function(){ console.log("socket串連已斷開"); }; ws.onerror = function(e){ console.log("ERROR:" + e.data); }; //離開頁面時關閉串連 $(window).bind('beforeunload',function(){ ws.close(); } );}
這樣就實現了一個client,不過事情還遠沒有結束。上面的代碼只是簡單的進行了串連,對話,關閉等基本動作。如果想和服務端進行通訊,必須要有更具體的方案。比如收到message時判斷類型進行進一步操作。
服務端:此處採用Swoole進行php服務端的websocket開發,使用swoole進行php的websocket開發非常簡單,而且它還支援httpserver的支援。詳細的介紹可以參考這裡http://wiki.swoole.com/
$server = new swoole_websocket_server("0.0.0.0", 8888); $server->on('open', function (swoole_websocket_server $server, $request) { echo "server: handshake success with fd{$request->fd}\n"; }); $server->on('message', function (swoole_websocket_server $server, $frame) { echo "receive from {$frame->fd}:{$frame->data},opcode:{$frame->opcode},fin:{$frame->finish}\n"; $server->push($frame->fd, "this is server"); }); $server->on('close', function ($ser, $fd) { echo "client {$fd} closed\n"; }); $server->start();
ps.swoole是一個php的擴充,安裝方式可以參考這裡http://git.oschina.net/matyhtf/swoole
先寫到這裡,下一篇會寫一些更具體的操作
以上就介紹了使用php+swoole對client資料即時更新一,包括了方面的內容,希望對PHP教程有興趣的朋友有所協助。