如何使用swoole搭建聊天室程序

小編給大家分享一下如何使用swoole搭建聊天室程序，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)主要從事網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)山陽,十多年網(wǎng)站建設(shè)經(jīng)驗(yàn),價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18980820575

1、創(chuàng)建websocket服務(wù)器

swoole從1.7.9版本開始， 內(nèi)置了websocket服務(wù)器功能，我們只需幾行簡單的PHP代碼，就可以創(chuàng)建出一個異步非阻塞多進(jìn)程的WebSocket服務(wù)器。

首先，我們在apache的工作空間下，新建一個項(xiàng)目，名稱為swoole，然后在里面新建一個ws-server.php文件，該php文件主要創(chuàng)建一個websocket服務(wù)器，同時相應(yīng)用戶的請求，內(nèi)容如下：

<?php 
 
//創(chuàng)建websocket服務(wù)器對象，監(jiān)聽0.0.0.0:9502端口
$ws_server = new swoole_websocket_server('192.168.1.169', 9502);
 
//設(shè)置server運(yùn)行時的各項(xiàng)參數(shù)
$ws_server->set(array(
'daemonize' => true, //是否作為守護(hù)進(jìn)程
));
 
//監(jiān)聽WebSocket連接打開事件
$ws_server->on('open', function ($ws, $request) {
file_put_contents( __DIR__ .'/log.txt' , $request->fd);
//$ws->push($request->fd, "Hello, Welcome\n");
});
 
//監(jiān)聽WebSocket消息事件
$ws_server->on('message', function ($ws, $frame) {
pushMessage($ws,$frame);
});
 
//監(jiān)聽WebSocket連接關(guān)閉事件
$ws_server->on('close', function ($ws, $fd) {
echo "client-{$fd} is closed\n";
});
 
$ws_server->start();
 
//消息推送
function pushMessage($ws,$frame){
$data = $frame->data;
$msg = file_get_contents( __DIR__ .'/log.txt');
for ($i=1 ; $i<= $msg ; $i++) {
$ws->push($i, $frame->fd.' : '.$data);
}
}

上面的代碼，創(chuàng)建了一個WebSocket服務(wù)器，它的ip地址為192.168.1.169，端口為9502，這些信息，可以根據(jù)實(shí)際情況來作調(diào)整。

2、創(chuàng)建聊天交互頁面

同樣的，在swoole目錄下，我們新建一個chat.html文件，這是一個純靜態(tài)的html5頁面，主要作用是通過html5的WebSocket協(xié)議跟websocket服務(wù)器進(jìn)行交互，其內(nèi)容如下：

<!DOCTYPE html>
<html>
<head>
  <title></title>
  <meta charset="UTF-8">
  <script type="text/javascript">
  if(window.WebSocket){
  var webSocket = new WebSocket("ws://192.168.1.169:9502");
  webSocket.onopen = function (event) {
  //webSocket.send("Hello,WebSocket!"); 
  };
  webSocket.onmessage = function (event) {
    var content = document.getElementById('content');
    content.innerHTML = content.innerHTML.concat('<p style="margin-left:20px;height:20px;line-height:20px;">
    用戶id-'+event.data+'</p>');
  }
 
  var sendMessage = function(){
  var data = document.getElementById('message').value;
  webSocket.send(data);
  }
  }else{
  console.log("您的瀏覽器不支持WebSocket");
  }
  </script>
</head>
<body>
<div style="width:600px;margin:0 auto;border:1px solid #ccc;">
<div id="content" style="overflow-y:auto;height:300px;"></div>
<hr/>
<div style="height:40px">
<input type="text" id="message" style="margin-left:10px;height:25px;width:450px;">
<button οnclick="sendMessage()" style="height:28px;width:75px;">發(fā)送</button>
</div>
</div>
</body>
</html>

3、測試

到此為止，我們需要的兩個文件都已經(jīng)創(chuàng)建好了，下面讓我們來測試下，是否能按我們的預(yù)期來工作。

3.1 啟動WebSocket服務(wù)器

切換到項(xiàng)目的根目錄，然后通過php命令行的方式，執(zhí)行ws-server.php腳本，即可啟動WebSocket服務(wù)器，整個命令如下：

cd /var/www/html/swoole
php ws-server.php

如圖：

如何使用swoole搭建聊天室程序

3.2 查看WebSocket服務(wù)器是否啟動成功

輸入命令：netstat -tunlp|grep 9502，如果能看到如下界面，則表示W(wǎng)ebSocket服務(wù)器啟動成功。

如何使用swoole搭建聊天室程序

3.3 開始聊天

多準(zhǔn)備幾個瀏覽器，然后在每個瀏覽器中，輸入http://192.168.1.169/swoole/chat.html，每個瀏覽器相當(dāng)于一個用戶，然后就可以模擬群聊了。

在Chrome瀏覽器的聊天窗口中，輸入“大家好，我是Chrome”，此時，UC和Firefox瀏覽器的聊天窗口中，將會看到這個信息。同理，在UC和Firefox瀏覽器的聊天窗口中輸入信息，另外兩個窗口也是能看到的，下面是其中一個聊天窗口的截圖，如下：

如何使用swoole搭建聊天室程序

以上是“如何使用swoole搭建聊天室程序”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站標(biāo)題：如何使用swoole搭建聊天室程序
文章地址：http://muchs.cn/article30/pisoso.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、企業(yè)網(wǎng)站制作、營銷型網(wǎng)站建設(shè)、網(wǎng)站收錄、網(wǎng)站營銷、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

網(wǎng)站建設(shè)網(wǎng)站維護(hù)公司