tp5.1+workerman实现简单的聊天器

最新推荐文章于 2023-01-03 10:44:26 发布

weixin_43749992

最新推荐文章于 2023-01-03 10:44:26 发布

阅读量225

点赞数

分类专栏： tp 文章标签： html5 jquery 小程序

本文链接：https://blog.csdn.net/weixin_43749992/article/details/121469988

版权

tp 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

tp5.1+workerman实现简单的聊天器

安装tp5.1及workerman
- 代码

安装tp5.1及workerman

composer create-project topthink/think=5.1.x-dev tp5

composer require topthink/think-worker=2.0.*

php think worker(测试是否安装成功)。

代码

woker.php

<?php
namespace app\push\controller;

use think\worker\Server;
use Workerman\Worker;

class Woker extends Server
{
		//云服务器(阿里云/腾讯云等)用户，注意您的公网ip实际可能是个代理ip(例如阿里云的专有网络)，公网ip并不属于当前的服务器，所以无法通过公网ip监听()
        protected $socket = 'websocket://0.0.0.0:8888';
        protected $processes = 1;
        protected $uidConnections = array();
        static $count  = 0;

        /**
         *  * 收到信息
         *   * @param $connection
         *    * @param $data
         *     */
        public function onMessage($connection, $data)
        {
                // 判断当前客户端是否已经验证,既是否设置了uid，设置了直接发送消息，未设置第一次为设置uid
                if(!isset($connection->uid))
                {
                        // 没验证的话把第一个包当做uid（这里为了方便演示，没做真正的验证）
                        $connection->uid = $data;
                        /* 保存uid到connection的映射，这样可以方便的通过uid查找connection，
                         * 实现针对特定uid推送数据
                         */
                        $this->uidConnections[$connection->uid] = $connection;
                        $data = '用户 '.$connection->uid.'加入房间 ||'.self::$count;
                        $this->broadcast($data);
                        return;
                }else{
                        $data = '用户 '.$connection->uid.':'.$data.'||'.self::$count;
                        $this->broadcast($data);
                }
        }

        /**
         * 当连接建立时触发的回调函数
         * @param $connection
         */
        public function onConnect($connection)
        {
                self::$count++;

        }

        public function onClose($connection)
        {
                self::$count--;
                if(isset($connection->uid))
                {
                        // 连接断开时删除映射
                        $data = '用户 '.$connection->uid.'退出房间 ||'.self::$count;
                        $this->broadcast($data);
                        unset($this->uidConnections[$connection->uid]);
                }
        }

        /**
         * 当客户端的连接上发生错误时触发
         * @param $connection
         * @param $code
         * @param $msg
         */
        public function onError($connection, $code, $msg)
        {
                echo "error $code $msg\n";
        }

        /**
         * 每个进程启动
         * @param $worker
         */
        public function onWorkerStart($socket)
        {

        }

        // 向所有验证的用户推送数据
        function broadcast($message)
        {
                foreach($this->uidConnections as $connection)
                {
                        $connection->send($message);
                }
        }

        // 针对uid推送数据
        function sendMessageByUid($uid, $message)
        {
                if(isset($this->uidConnections[$uid]))
                {
                        $connection = $this->uidConnections[$uid];
                        $connection->send($message);
                        return true;
                }
                return false;
        }


}

Index.php

<?php
namespace app\push\controller;

use think\controller;

class Index extends Controller
{
	public function index(){
		$name=$_GET['name'];
		$this->assign('name',$name);
		return view();
	}
}

index.html

<!DOCTYPE html>
<html lang="en">
        <head>
                <meta charset="UTF-8">
                <title>聊天室</title>
        </head>
        <body>
                <div class="title" style="display:inline-block">当前聊天室<span id="count">0</span>人</div>
                        <hr/>
                        <div id="aaa" class="conten title" ></div>
                <div class="fasong title">
                        <textarea id="textxinxi" class="xinxi"></textarea>
                        <input type="button" value="发送" class="fasongbtn" onclick="fasong()">
                </div>
                <script>
                        var name="{$name}";
                        ws = new WebSocket("ws://123.57.286.160:8888");
                        ws.onopen=function(){
                        var uid= name;
                                console.log(uid);
                        ws.send(uid);
                        }

                        ws.onmessage=function(e){
                                console.log(e);
                                var aaa = document.getElementById('aaa');
                                var count = document.getElementById('count');
                                var data=e.data.split("||")[0];
                                var count1 = e.data.split("||")[1];
                                aaa.innerHTML+= data+ '<br>';
                                count.innerHTML= count1;
                        }

                        function fasong(){
                        let textxinxi =document.getElementById('textxinxi').value;
                        let text= '';
                        document.getElementById('textxinxi').value =text;
                        ws.send(textxinxi);
                        }
                </script>
        </body>
</html>

worker_class配置(位置config下woker_server.php)

'worker_class'   => ['app\push\controller\Woker'],

配置完成后重启workerman

weixin_43749992

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
tp5.1+workerman实现简单的聊天器

tp5.1+workerman实现简单的聊天器安装tp5.1及workerman代码安装tp5.1及workermancomposer create-project topthink/think=5.1.x-dev tp5composer require topthink/think-worker=2.0.*php think worker(测试是否安装成功)。代码woker.php<?phpnamespace app\push\controller;use think\worke
复制链接

扫一扫