HTTP1.1新增加了對websocket的支持，這樣就可以將被動展示轉(zhuǎn)變?yōu)橹鲃油ㄖ?。也就是通過websocket與服務(wù)端保持持久鏈接，一旦數(shù)據(jù)發(fā)生變化，由server通知client數(shù)據(jù)有更新，然后再進行刷新等操作。這樣就省去了很多不必要的被動請求，節(jié)省了服務(wù)器資源。

要實現(xiàn)一個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);
};
//離開頁面時關(guān)閉連接
$(window).bind('beforeunload',function(){
ws.close();
}
);
}

這樣就實現(xiàn)了一個client，不過事情還遠沒有結(jié)束。上面的代碼只是簡單的進行了連接，對話，關(guān)閉等基本動作。如果想和服務(wù)端進行通訊，必須要有更具體的方案。比如收到message時判斷類型進行進一步操作。

服務(wù)端：此處采用Swoole進行php服務(wù)端的websocket開發(fā)，使用swoole進行php的websocket開發(fā)非常簡單，而且它還支持httpserver的支持。

$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();

swoole是一個php的擴展,安裝方式可以參考這里：php安裝swoole擴展的方法

本文先寫到這里，下一篇會寫一些更具體的操作，感興趣的朋友請繼續(xù)關(guān)注本站。謝謝！

您可能感興趣的文章: