對我來說最快的學習途徑是實踐,所以找兩個東西來練手。一個是websocket一個是webwoker,今天先說第一個。
要理解socket就要先理解http和tcp的區別,簡單說就是一個是短鏈,一個是長鏈,一個是去服務器拉數據,一個是服務器可以主動推數據。
而socket就是應用層與TCP/IP協議族通信的中間軟體抽象層,它是一組接口。在設計模式中,Socket其實就是一個門面模式,它把複雜的TCP/IP協議族隱藏在Socket接口後面,對用戶來說,一組簡單的接口就是全部,讓Socket去組織數據,以符合指定的協議。
那麽如何用php+js做到服務器與客戶耑之間互相通信呢?
客戶耑代碼
客戶耑非常簡單,利用現代瀏覽器的WebSocket API,這裡介紹的很詳細:http://msdn.microsoft.com/zh-cn/library/ie/hh673567
核心代碼:
var wsServer = 'ws://127.0.0.1:8080'; var ws = new WebSocket(wsServer); ws.onmessage = function (evt) { // do sth };
前兩行會向指定服務器發送一個握手請求,如果服務器返回合法的http頭,則握手成功,之後可通過監聽onmessage事件來處理服務器發來的消息。還有很多其他事件可監聽,見前面的url。
服務耑
先講思路:
難點是服務器,沒有了apache和nginx這些http服務器在前面頂著,只用php該怎麽寫?
這裡有個教程講的很深入 http://blog.csdn.net/shagoo/article/details/6396089
寫之前捋一捋思路:
1 監聽:首先要掛起一個進程來監聽來自客戶耑的請求
2 握手:對於第一次合法的請求,發送合法的header回去
3 保持連接:有新消息到了就廣播出去。直到客戶耑斷開
4 接受另一個請求,重複2和3
代碼如下:
public function start_server() { $this->socket = socket_create(AF_INET, SOCK_STREAM, SOL_TCP); //允許使用本地地址 socket_set_option($this->socket, SOL_SOCKET, SO_REUSEADDR, TRUE); socket_bind($this->socket, $this->host, $this->port); //最多10個人連接,超過的客戶耑連接會返回WSAECONNREFUSED錯誤 socket_listen($this->socket, $this->maxuser); while (TRUE) { $this->cycle = $this->accept; $this->cycle[] = $this->socket; // 阻塞用,有新連接時才會結束 socket_select($this->cycle, $write, $except, null); foreach ($this->cycle as $k => $v) { if ($v === $this->socket) { if (($accept = socket_accept($v)) < 0) { continue; } //如果請求來自監聽耑口那個套接字,則創建一個新的套接字用於通信 $this->add_accept($accept); continue; } $index = array_search($v, $this->accept); if ($index === NULL) { continue; } if (!@socket_recv($v, $data, 1024, 0) || !$data) { //沒消息的socket就跳過 $this->close($v); continue; } if (!$this->isHand[$index]) { $this->upgrade($v, $data, $index); if (!empty($this->function['add'])) { call_user_func_array($this->function['add'], array($this)); } continue; } $data = $this->decode($data); if (!empty($this->function['send'])) { call_user_func_array($this->function['send'], array($data, $index, $this)); } } sleep(1); } } // 增加一個初次連接的用戶 private function add_accept($accept) { $this->accept[] = $accept; $index = array_keys($this->accept); $index = end($index); $this->isHand[$index] = FALSE; } // 關閉一個連接 private function close($accept) { $index = array_search($accept, $this->accept); socket_close($accept); unset($this->accept[$index]); unset($this->isHand[$index]); if (!empty($this->function['close'])) { call_user_func_array($this->function['close'], array($this)); } } // 響應升級協議 private function upgrade($accept, $data, $index) { if (preg_match("/Sec-WebSocket-Key: (.*)\r\n/", $data, $match)) { $key = base64_encode(sha1($match[1] . '258EAFA5-E914-47DA-95CA-C5AB0DC85B11', true)); $upgrade = "HTTP/1.1 101 Switching Protocol\r\n" . "Upgrade: websocket\r\n" . "Connection: Upgrade\r\n" . "Sec-WebSocket-Accept: " . $key . "\r\n\r\n"; // 必須以兩個回車結尾 socket_write($accept, $upgrade, strlen($upgrade)); $this->isHand[$index] = TRUE; } }
關鍵地方有那麽幾個,一是while(true)掛起進程,不然執行一次後進程就退出了。二是socket_select和socket_accept函數的使用。三是客戶耑第一次請求時握手。
函數: socket_select
這個函數是同時接受多個連接的關鍵,我的理解它是爲了阻塞程序繼續往下執行。
socket_select ($sockets, $write = NULL, $except = NULL, NULL);
$sockets可以理解爲一個數組,這個數組中存放的是文档描述符。當它有變化(就是有新消息到或者有客戶耑連接/斷開)時,socket_select函數才會返回,繼續往下執行。
$write是監聽是否有客戶耑寫數據,傳入NULL是不關心是否有寫變化。
$except是$sockets裡面要被排除的元素,傳入NULL是”監聽”全部。
最後一個參數是超時時間
如果爲0:則立即結束
如果爲n>1: 則最多在n秒後結束,如遇某一個連接有新動態,則提前返回
如果爲null:如遇某一個連接有新動態,則返回
函數: socket_accept
此函數接受唯一參數,即前面socket_create創建的socket文档(句柄)。返回一個新的資源,或者FALSE。本函數將會通知socket_listen(),將會傳入一個連接的socket資源。一旦成功建立socket連接,將會返回一個新的socket資源,用於通信。如果有多個socket在隊列中,那麽將會先處理第一個。關鍵就是這裡:如果沒有socket連接,那麽本函數將會等待,直到有新socket進來。
如果前面不用socket_select在沒有socket的時候阻塞住程序,那麽就卡在這裡永遠無法結束了。
後面的流程就很清晰了,當有一個新的客戶耑請求到達,用socket_accept創建一個資源,並加入到$this->accept連接池裡面。並將它的標示isHand設爲false,那麽下次循環(因爲$this->cycle[] = $this->socket;$this->cycle有變化,所以socket_select會返回)的時候就會執行upgrade握手。然後等待它的新消息即可。