基于Swoole實現(xiàn)PHP與websocket聊天室
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的一部分協(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 :
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擴展來運行的
安裝(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); //監(jiān)聽WebSocket連接打開事件 $ws->on('open', function ($ws, $request) { $fd[] = $request->fd; $GLOBALS['fd'][] = $fd; //$ws->push($request->fd, "hello, welcome\n"); }); //監(jiān)聽WebSocket消息事件 $ws->on('message', function ($ws, $frame) { $msg = 'from'.$frame->fd.":{$frame->data}\n"; //var_dump($GLOBALS['fd']); //exit; foreach($GLOBALS['fd'] as $aa){ foreach($aa as $i){ $ws->push($i,$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) { echo "client-{$fd} is closed\n"; }); $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>
以上就是基于Swoole實現(xiàn)PHP與websocket聊天室的全部內(nèi)容,相信本文對大家學(xué)習(xí)PHP和websocket及開發(fā)聊天室很有幫助。
相關(guān)文章
php web環(huán)境和命令行環(huán)境下查找php.ini的位置
這篇文章主要介紹了php web環(huán)境和命令行環(huán)境下如何查找php.ini的位置,需要的朋友可以參考下2019-07-07laravel5.5框架的上傳圖片功能實例分析【僅傳到服務(wù)器端】
這篇文章主要介紹了laravel5.5框架的上傳圖片功能,結(jié)合實例形式分析了laravel5.5框架將圖片上傳到服務(wù)器端的相關(guān)操作技巧與注意事項,需要的朋友可以參考下2019-12-12thinkPHP基于ajax實現(xiàn)的菜單與分頁示例
這篇文章主要介紹了thinkPHP基于ajax實現(xiàn)的菜單與分頁,結(jié)合實例形式分析了thinkPHP基于ajax無刷新交互實現(xiàn)菜單及分頁功能的相關(guān)技巧與注意事項,需要的朋友可以參考下2016-07-07tp5使用layui實現(xiàn)多個圖片上傳(帶附件選擇)的方法實例
在以前項目中遇到有上傳圖片都是用 web Uploader插件上傳,因為我現(xiàn)在項目都在使用 layui 所以今天趁著有時間寫一個tp5結(jié)合layui上傳圖片的示例,感興趣的可以了解一下2021-10-10關(guān)于Curl在Swoole協(xié)程中的解決方案詳析
這篇文章主要給大家介紹了關(guān)于Curl在Swoole協(xié)程中的解決方案,文中通過示例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用Swoole具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09