请选择 进入手机版 | 继续访问电脑版
登陆/注册
【技术分享】基于Swoole简单群聊小功能的实现
若旧
27094
10
0
2020-6-24 16:21
查看: 27094|回复: 10

【技术分享】基于Swoole简单群聊小功能的实现

[复制链接]
昨天开始学的Swoole


作为学习路上的一个记录吧


也给还没开始学Swoole的同学提供一个Swoole基础的小案例


基于Swoole的Websocket


swoole.png

Websocket部分
  1. <?php
  2. /**
  3. * Class SwooleWs
  4. * WebSocket Study
  5. */
  6. class SwooleWs{
  7.     protected $ws;

  9.     public function __construct()
  10.     {
  11.         $this->ws = new Swoole\WebSocket\Server("0.0.0.0", 9501);
  12.         //连接
  13.         $this->ws->on('open',[$this,'open']);
  14.         //消息发送
  15.         $this->ws->on('message',[$this,'message']);
  16.         //关闭
  17.         $this->ws->on('close',[$this,'close']);
  18.         //启动
  19.         $this->ws->start();
  20.     }

  22.     public function open($server, $request)
  23.     {
  24.         echo "客户端{$request->fd}已连接\n";
  25.     }

  27.     public function message($server, $frame)
  28.     {
  29.         foreach ($server->connections as $fd){
  30.             $frame->fd == $fd ? $oop="我:" : $oop = "用户".$frame->fd.":";
  31.             $server->push($fd, $oop.$frame->data);
  32.         }

  34.     }

  36.     public function close($ser, $fd)
  37.     {
  38.         echo "客户端{$fd} 退出\n";
  39.     }
  40. }
  41. new SwooleWs();
复制代码


JS部分
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Swoole NO 1</title>
  6. </head>
  7. <body>
  8.     <h1 id="state"></h1>
  9.     <input type="text" placeholder="请输入发送内容:" id="msg">
  10.     <input type="button" value="发送消息" onclick="send()">
  11.     <div id="chat">
  12.     </div>
  13. </body>
  14. </html>
  15. <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
  16. <script>
  17.     var wsServer = 'ws://你的外网IP:9501';
  18.     var websocket = new WebSocket(wsServer);
  19.     websocket.onopen = function (evt) {
  20.         $('#state').text('恭喜，服务器连接成功');
  21.     };

  23.     websocket.onclose = function (evt) {
  24.         console.log("Disconnected");
  25.     };

  27.     websocket.onmessage = function (evt) {
  28.         $('#chat').append("<p>"+evt.data+"</p>");
  29.     };

  31.     websocket.onerror = function (evt, e) {
  32.         $('#state').text('服务器连接失败');
  33.     };

  35.     function send(){
  36.         let msg = $('#msg').val();
  37.         websocket.send(msg);
  38.     }
  39. </script>
复制代码
回复

使用道具 举报

发表于 2020-8-3 20:14:16 | 显示全部楼层
啥也不说了，感谢好麦麦源码分享哇！
回复

使用道具 举报

发表于 2021-2-21 00:01:07 | 显示全部楼层

Test, just a test

langmansh ᱒ 2020-8-3 20:14
óó·í

Hello. And Bye.
回复

使用道具 举报

发表于 2021-3-6 08:56:59 | 显示全部楼层

Test, just a test

langmansh ᱒ 2020-8-3 20:14
óó·í

Hello. And Bye.
回复

使用道具 举报

发表于 2021-4-28 22:35:10 | 显示全部楼层

Test, just a test

Hello. And Bye.
回复

使用道具 举报

发表于 2022-3-17 23:53:46 | 显示全部楼层

Test, just a test

XRumerTest ᱒ 2021-2-21 00:01
Hello. And Bye.

Hello. And Bye.
回复

使用道具 举报

发表于 2022-3-23 15:59:13 | 显示全部楼层

Test, just a test

Hello. And Bye.
回复

使用道具 举报

发表于 2022-3-29 18:28:46 | 显示全部楼层

Test, just a test

Hello. And Bye.
回复

使用道具 举报

发表于 2022-4-6 05:24:07 | 显示全部楼层

Test, just a test

Hello. And Bye.
回复

使用道具 举报

发表于 2022-5-2 20:20:53 | 显示全部楼层

Test, just a test

XRumerTest ᱒ 2021-3-6 08:56
Hello. And Bye.

Hello. And Bye.
回复

使用道具 举报

下一页 »
12下一页
返回列表
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

若旧

主题

597

回帖

7

积分

113082

好友

207
查看更多 发消息
活跃度排行榜
1
http://www.haomaim.cn/uc_server/avatar.php?uid=1&size=small
ruojiu
620
2
http://www.haomaim.cn/uc_server/avatar.php?uid=5938&size=small
it023
381
3
http://www.haomaim.cn/uc_server/avatar.php?uid=6125&size=small
柔情空似水
221
4
http://www.haomaim.cn/uc_server/avatar.php?uid=4014&size=small
XRumerTest
98
5
http://www.haomaim.cn/uc_server/avatar.php?uid=103&size=small
glhynet
76
6
http://www.haomaim.cn/uc_server/avatar.php?uid=6006&size=small
glovy
75
活跃度排行榜
1
http://www.haomaim.cn/uc_server/avatar.php?uid=1&size=small
ruojiu
620
2
http://www.haomaim.cn/uc_server/avatar.php?uid=5938&size=small
it023
381
3
http://www.haomaim.cn/uc_server/avatar.php?uid=6125&size=small
柔情空似水
221
4
http://www.haomaim.cn/uc_server/avatar.php?uid=4014&size=small
XRumerTest
98
5
http://www.haomaim.cn/uc_server/avatar.php?uid=103&size=small
glhynet
76
6
http://www.haomaim.cn/uc_server/avatar.php?uid=6006&size=small
glovy
75
标签云
软件 (5) 工具 (9) 辅助 (2) 借贷系统源码 (1) 小额借贷 (3) QQ互联 (2) Discuz (4) Discuz 10020 (0) Array (1) 爱客影视 (0) 源码 (24) 千图网源码 (1) 网站源码 (3) 菜谱网站 (1) PHP (4) 婚庆网站 (1) 网络课堂 (2) 周公解梦 (1) 云豹直播 (1) 最新 (11) 手机直播系统 (1) 淘客 (2) 淘宝客 (16) 老虎 (5) 三级代理分销 (1) 极客网 (1) 火车头 (1) 采集 (8) IDC (4) 主机平台 (1)
广告

尊贵VIP购买
  • 友情链接: