溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

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

發(fā)布時間：2020-12-18 10:15:05 來源：億速云 閱讀：202 作者：小新 欄目：編程語言

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

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

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

首先，我們在apache的工作空間下，新建一個項目，名稱為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運行時的各項參數(shù)
$ws_server->set(array(
'daemonize' => true, //是否作為守護進程
));
 
//監(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ù)實際情況來作調(diào)整。

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

同樣的，在swoole目錄下，我們新建一個chat.html文件，這是一個純靜態(tài)的html5頁面，主要作用是通過html5的WebSocket協(xié)議跟websocket服務(wù)器進行交互，其內(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ù)器

切換到項目的根目錄，然后通過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)注億速云行業(yè)資訊頻道！

向AI問一下細節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手