websocket
Websocket只是一個網(wǎng)絡(luò)通信協(xié)議
就像 http惋嚎、ftp等都是網(wǎng)絡(luò)通信的協(xié)議；不要多想；
相對于HTTP這種非持久的協(xié)議來說，Websocket是一個持久化網(wǎng)絡(luò)通信的協(xié)議邻薯；
WebSocket和HTTP的關(guān)系
WebSocket和HTTP的關(guān)系
有交集，但是并不是全部乘凸。
Websocket只是借用了HTTP的一部分協(xié)議來完成一次握手厕诡。(HTTP的三次握手，此處只完成一次)
http和websocket 請求頭對比：
HTTP：
原來的時候营勤，客戶端通過http(騎馬)帶著信請求服務(wù)器木人，服務(wù)器處理請求(寫回信)，再次通過http(騎馬)返回冀偶；鏈接斷開醒第；
WebSocket:
客戶端通過http(騎馬)帶著信請求服務(wù)器，但同時进鸠，攜帶了Upgrade:websocket和Connection:Upgrade(兩根管子),服務(wù)器如果支持WebSocket協(xié)議(有兩根管子的接口)稠曼，使用Websocket協(xié)議返回可用信息(丟棄馬匹)，此后信息的傳遞客年，均使用這兩個管子霞幅，除非有一方人為的將管子切斷;若服務(wù)器不支持，客戶端請求鏈接失敗量瓜，返回錯誤信息司恳；
http和websocket 響應(yīng)頭對比：
websocket和ajax輪詢、long poll的區(qū)別
首先是 ajax輪詢 绍傲，ajax輪詢的原理非常簡單扔傅，讓瀏覽器隔個幾秒就發(fā)送一次請求，詢問服務(wù)器是否有新信息
場景再現(xiàn)：
客戶端：啦啦啦烫饼，有沒有新信息(Request)
服務(wù)端：沒有（Response）
客戶端：啦啦啦猎塞，有沒有新信息(Request)
服務(wù)端：沒有。杠纵。（Response）
客戶端：啦啦啦荠耽，有沒有新信息(Request)
服務(wù)端：你好煩啊，沒有啊比藻。铝量。（Response）
客戶端：啦啦啦，有沒有新消息（Request）
服務(wù)端：好啦好啦银亲，有啦給你慢叨。（Response）
客戶端：啦啦啦，有沒有新消息（Request）
服務(wù)端：群凶。插爹。。沒。赠尾。力穗。。沒气嫁。当窗。沒有
long poll 其實原理跟 ajax輪詢 差不多，都是采用輪詢的方式,不在論述寸宵；
從上面可以看出崖面，輪詢其實就是在不斷地建立HTTP連接，然后等待服務(wù)端處理梯影，可以體現(xiàn)HTTP協(xié)議的另外一個特點巫员，被動性。同時甲棍，http的每一次請求與響應(yīng)結(jié)束后简识，服務(wù)器將客戶端信息全部丟棄，下次請求感猛，必須攜帶身份信息(cookie)七扰，無狀態(tài)性；
Websocket的出現(xiàn)陪白，干凈利落的解決了這些問題颈走；
所以上面的情景可以做如下修改。
客戶端：啦啦啦咱士，我要建立Websocket協(xié)議立由，需要的服務(wù)：chat，Websocket協(xié)議版本：17（HTTP Request）
服務(wù)端：ok司致，確認(rèn)拆吆，已升級為Websocket協(xié)議（HTTP Protocols Switched）
客戶端：麻煩你有信息的時候推送給我噢。脂矫。
服務(wù)端：ok，有的時候會告訴你的霉晕。
客戶端：balab開始斗圖alabala
服務(wù)端：蒼井空ala
客戶端：流鼻血了庭再，我擦……
服務(wù)端：哈哈布爾教育牛逼啊哈哈哈哈
服務(wù)端：笑死我了哈哈
Swoole
但是，為了用PHP配合HTML5完成一次WebSocket請求和響應(yīng)牺堰，哥走過千山萬水拄轻，在密林深處，發(fā)現(xiàn)了Swoole : http://www.swoole.com/;
PHP語言的異步伟葫、并行恨搓、高性能網(wǎng)絡(luò)通信框架，使用純C語言編寫，提供了PHP語言的異步多線程服務(wù)器斧抱，異步TCP/UDP網(wǎng)絡(luò)客戶端常拓，異步MySQL，數(shù)據(jù)庫連接池辉浦，AsyncTask弄抬，消息隊列，毫秒定時器宪郊，異步文件讀寫掂恕，異步DNS查詢。
支持的服務(wù)：
HttpServer
WebSocket Server
TCP Server
TCP Client
Async-IO(異步)
Task(定時任務(wù))
環(huán)境依賴：
僅支持Linux弛槐，F(xiàn)reeBSD懊亡，MacOS，3類操作系統(tǒng)
Linux內(nèi)核版本2.3.32以上
PHP5.3.10以上版本
gcc4.4以上版本或者clang
cmake2.4+乎串，編譯為libswoole.so作為C/C++庫時需要使用cmake
安裝：
必須保證系統(tǒng)中有以下這些軟件：
php-5.3.10 或更高版本
gcc-4.4 或更高版本
make
autoconf
Swoole是作為PHP擴(kuò)展來運行的
安裝(root權(quán)限)：
cd swoole
phpize
./configure
make
sudo make install
配置php.ini
extension=swoole.so
想研究Swoole的同學(xué)店枣，自己去看手冊(雖然寫的不好，但是還是能看懂的)
做一個聊天室
服務(wù)器端：socket.php
//創(chuàng)建websocket服務(wù)器對象灌闺，監(jiān)聽0.0.0.0:9502端口
$ws = new swoole_websocket_server("0.0.0.0", 9502);
$ws->user_c = []; //給ws對象添加屬性user_c艰争，值為空數(shù)組；
//監(jiān)聽WebSocket連接打開事件
$ws->on('open', function ($ws, $request) {
$ws->user_c[] = $request->fd;
//$ws->push($request->fd, "hello, welcome\n");
});
//監(jiān)聽WebSocket消息事件
$ws->on('message', function ($ws, $frame) {
$msg = 'from'.$frame->fd.":{$frame->data}\n";
foreach($ws->user_c as $v){
$ws->push($v,$msg);
}
// $ws->push($frame->fd, "server: {$frame->data}");
// $ws->push($frame->fd, "server: {$frame->data}");
});
//監(jiān)聽WebSocket連接關(guān)閉事件
$ws->on('close', function ($ws, $fd) {
//刪除已斷開的客戶端
unset($ws->user_c[$fd-1]);
});
$ws->start();
客戶端：Socket.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="msg"></div>
<input type="text" id="text">
<input type="submit" value="發(fā)送數(shù)據(jù)" onclick="song()">
</body>
<script>
var msg = document.getElementById("msg");
var wsServer = 'ws://192.168.1.253:9502';
//調(diào)用websocket對象建立連接：
//參數(shù)：ws/wss(加密)：//ip:port （字符串）
var websocket = new WebSocket(wsServer);
//onopen監(jiān)聽連接打開
websocket.onopen = function (evt) {
//websocket.readyState 屬性：
/*
CONNECTING 0 The connection is not yet open.
OPEN 1 The connection is open and ready to communicate.
CLOSING 2 The connection is in the process of closing.
CLOSED 3 The connection is closed or couldn't be opened.
*/
msg.innerHTML = websocket.readyState;
};
function song(){
var text = document.getElementById('text').value;
document.getElementById('text').value = '';
//向服務(wù)器發(fā)送數(shù)據(jù)
websocket.send(text);
}
//監(jiān)聽連接關(guān)閉
// websocket.onclose = function (evt) {
// console.log("Disconnected");
// };
//onmessage 監(jiān)聽服務(wù)器數(shù)據(jù)推送
websocket.onmessage = function (evt) {
msg.innerHTML += evt.data +'<br>';
// console.log('Retrieved data from server: ' + evt.data);
};
//監(jiān)聽連接錯誤信息
// websocket.onerror = function (evt, e) {
// console.log('Error occured: ' + evt.data);
// };
</script>
</html>
websocket API 手冊：
https://developer.mozilla.org/en-US/docs/Web/API/WebSocket
