使用TP6+Workerman实现私聊（类似QQ）、实时聊天（4、实现实时推送）

最新推荐文章于 2024-06-22 18:34:21 发布
置顶 最新推荐文章于 2024-06-22 18:34:21 发布
阅读量2.7k 收藏 13
点赞数
分类专栏： TP6 workerman websocket 文章标签： php socket thinkphp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38231822/article/details/114732093
版权
TP6 同时被 3 个专栏收录
13 篇文章 2 订阅
订阅专栏
websocket
8 篇文章 1 订阅
订阅专栏
workerman
7 篇文章 8 订阅
订阅专栏

之前的文章写到了workerman的连接嘛。这次继续之前的，先弄两个页面吧。
在这里插入图片描述

在这里插入图片描述

大概就是弄了这样的两个页面的哈。类似的静态页面啊，网上都会有的。异曲同工的哈。就是把html文件替换成在应用/view/控制器/方法.html
把网上下载的代码放在这个 方法.html
里面。然后把其他所有的文件夹，图片啊，css，js的文件放在public文件夹下就OK了。然后把路径加工一下，最最最简单的方法就是在所有的链接前面加
“/”.像这样，

在这里插入图片描述
好了，继续吧先。
简单说下思路吧。前端连接的时候 可以通过ajax进行绑定user_id和workman为每个用户分配的id。这样就可以实现推送了。贴下我的代码吧。就是简单一个实现。学一学就可以了。实际项目中估计也不会这么用，直接用getwayworker了。

public function onConnect($connection)
    {
        // 生成一个唯一用户的客户端id
        $this->client_id = time().rand(100,999);
        // 将生成的client_id赋给当前连接
        $connection->client_id = $this->client_id;

        // 在当前worker对象中新添属性  保存当前登录的用户的client_id 和 连接对象
        // 以便进行推送
        $this->worker->clientIdConnections[$connection->client_id] = $connection;

        // 将生成的client_id发送给客户端
        $json = [
            'type'  =>  'bind',
            'from'  =>  'worker',
            'to'    =>  $connection->client_id,
            'content' => $this->client_id
        ];
        $connection->send(json_encode($json,true));
    }

这个是前端的代码。给每个用户的user_id和workerman为每个用户分配的id进行绑定 ，这样就可以实现指定用户推送了。

ws = new WebSocket("ws://www.chat.com:2346");
  ws.onopen = function() {
    
  };
  ws.onmessage = function(e) {
      var result = JSON.parse(e.data);
      if (result.type == 'bind') {
         // 请求mvc框架绑定数据
         $.get("<{:url('index/Index/bind')}>"+"?uid="+<{$uid}>+"&client_id="+result.content,function(e){
             if (!e || e.code != 200) {
                alert("连接失败，请重新登录");
                window.location.href = "<{:url('index/Login/index')}>";
             }
         });
      } else if (result.type == 'say') {
         console.log(result);
      }
  };

推送：

public function onMessage($connection, $data)
    {
        $data = json_decode($data,true);
        if ($data["type"] == "say") {
            $result["type"] = "say";
            $result["from"] = $data["from"];
            $result["to"] = $data["to"];
            $result["content"] = $data["content"];
            // dump($this->worker);
            $this->worker->clientIdConnections[$data["to"]]->send(json_encode($result,true));
        }
    }

ajax绑定用户：

public function bind(){
        // 绑定用户和客户端
        $get = Request::get();
        $result["code"] = 200;

        // 检查参数
        if (empty($get['uid']) || empty($get['client_id'])) {
            $result["message"] = "参数错误";
            $result["data"] = [];
            return json($result);
        }

        // 绑定用户session和client_id
        $connectionInfo = [];
        if (Session::has("connectionInfo")) {
            $connectionInfo = Session::get("connectionInfo");
        }
        $connectionInfo[$get["uid"]] = $get["client_id"];
        Session::set("connectionInfo",$connectionInfo);

        $result["code"] = 200;
        $result["message"] = '成功';
        $result["data"] = $connectionInfo;
        return json($result);
    }

整体的效果也没时间弄了。到最后数据是正确的 剩下就是前端的效果了。整体的思路就是将数据库的user_id和workerman为每个用户分配的id进行绑定。绑定后就可以实现指定用户推送了。
到最后也就是一个半成品吧。

{ “from” : 1615112847935 , “to” : 1615112847955 , “content” : “来了老弟” ,
“type” : “say” }

我的数据格式是这样子的，数据格式嘛，怎么来都可以。
前端：

<html>
<head>
<meta charset="utf-8">
<title>双子稚心丶Amor</title>
<link href="/css/style.css" rel="stylesheet" type="text/css">
<script src="/js/jquery.js"></script>
<script src="/js/index.js"></script>
<script src="/js/superslide.2.1.js"></script>
<script src="/js/nicescroll.js"></script>
<script>
  ws = new WebSocket("ws://www.chat.com:2346");
  ws.onopen = function() {
      // console.log("连接成功");
      // JSON.stringify(data);
      // JSON.parse(data);
      // data = { "from" : 1615112847935 , "to" : 1615112847955 , "content" : "来了老弟" , "type" : "say" };
      // console.log(JSON.stringify(data));
      // ws.send(JSON.stringify(data));
  };
  ws.onmessage = function(e) {
      var result = JSON.parse(e.data);
      if (result.type == 'bind') {
         // 请求mvc框架绑定数据
         $.get("<{:url('index/Index/bind')}>"+"?uid="+<{$uid}>+"&client_id="+result.content,function(e){
             if (!e || e.code != 200) {
                alert("连接失败，请重新登录");
                window.location.href = "<{:url('index/Login/index')}>";
             }
         });
      } else if (result.type == 'say') {
         console.log(result);
      }
  };
</script>
</head>
<body style="background-image: url(/images/snow.jpg);background-size: cover;">
<div class="win-bg"><img src="/images/win-bg.png"></div>
<div class="qq" style="display: block;right: 200px;">
  <div class="qq-top">
    <div class="qq-top-icon">
      <i><img src="/images/qq-top.png"></i>
      <span class="qq-top-02 close"><img src="/images/qq-top-02.png"></span>
      <span class="qq-top-01 min"><img src="/images/qq-top-01.png"></span>
    </div>
    <div class="qq-top-name">
      <span><{$memberInfo["uname"]}></span>></span>
      <dl><dd><img src="/images/zai.png"></dd><dt><img src="/images/lv.png"></dt><dt><img src="/images/svip.png"></dt></dl>
    </div>
    <div class="qq-top-shuo"><input type="text" value="这两天空间被各种婚礼刷屏了"></div>
    <div class="qq-top-menu">
      <ul>
        <li></li><li></li><li></li><li></li>
      </ul>
      <span class="qq-top-001"></span>
      <span class="qq-top-002"></span>
    </div>
    <div class="qq-serch">搜索：联系人、讨论组、群、企业</div>
  </div>
  <div class="qq-xuan">
    <ul>
      <li class="qq-xuan-li"><span></span><i></i></li>
      <li><span></span><i></i></li>
      <li><span></span><i></i></li>
      <li><span></span><i></i></li>
    </ul>
  </div>
  <div class="qq-hui">
    <ul>
      {foreach $friendInfo as $key => $item}
      <li>
        <div class="qq-hui-img"><img src="<{$item['head_img']}>"><i></i></div>
        <div class="qq-hui-name"><span><{$item["uname"]}></i></span><i>16:30</i></div>
        <div class="qq-hui-txt" title="">下次我们去公园拍摄吧~[图片]</div>
      </li>
      {/foreach}
    </ul>
  </div>
  <div class="qq-bot">
    <div class="qq-menu">
      <ul>
        <li><img src="/images/bot-menu/01.png"></li>
        <li><img src="/images/bot-menu/02.png"></li>
        <li><img src="/images/bot-menu/03.png"></li>
        <li><img src="/images/bot-menu/04.png"></li>
        <li><img src="/images/bot-menu/05.png"></li>
        <li><img src="/images/bot-menu/06.png"></li>
        <li><img src="/images/bot-menu/07.png"></li>
        <li><img src="/images/bot-menu/08.png"></li>
        <li><img src="/images/bot-menu/09.png"></li>
        <li><img src="/images/bot-menu/10.png"></li>
      </ul>
    </div>
    <div class="qq-bou-she">
      <ul>
        <li><img src="/images/bot-menu/11.png"></li>
        <li><img src="/images/bot-menu/12.png"></li>
        <li><img src="/images/bot-menu/13.png"></li>
        <li><img src="/images/bot-menu/14.png"></li>
        <li><img src="/images/bot-menu/15.png"></li>
        <li><img src="/images/bot-menu/16.png"><span>查找</span></li>
        <li><img src="/images/bot-menu/05.png"><span>应用宝</span></li>
      </ul>
    </div>
  </div>
</div>

<div class="qq-chat">
  <div class="qq-chat-win">
    <ul>
      <li class="she"></li><li class="min"></li><li class="max"></li><li class="close"></li>
    </ul>
  </div>
  <div class="qq-chat-top">
    <div class="qq-chat-tops">
      <div class="qq-chat-t-head"><img src=""></div>
      <div class="qq-chat-t-name"></div>
      <div class="qq-chat-t-shuo">站在别人的雨季，淋湿自己空弹一出戏.....</div>
    </div>
    <div class="qq-chat-menu">
      <ul>
        <li><span><img src="/images/chat/icon-01.png"></span></li>
        <li><span><img src="/images/chat/icon-02.png"></span></li>
        <li><span><img src="/images/chat/icon-03.png"></span><i></i></li>
        <li><span><img src="/images/chat/icon-04.png"></span><i></i></li>
        <li><span><img src="/images/chat/icon-05.png"></span><i></i></li>
        <li><span><img src="/images/chat/icon-06.png"></span></li>
        <li><span><img src="/images/chat/icon-07.png"></span><i></i></li>
      </ul>
    </div>
  </div>
  <div class="qq-chat-bot">
    <div class="qq-chat-txt">
      <ul>
        <li>
          <div class="qq-chat-you blue"><span></span><i></i></div>
          <div class="qq-chat-ner">在么？找你有点事</div>
        </li>
      </ul>
    </div>
    <div class="qq-chat-text">
      <ul>
        <li><span><img src="/images/chat/menu-01.png"></span></li>
        <li><span><img src="/images/chat/menu-02.png"></span></li>
        <li><span><img src="/images/chat/menu-03.png"></span></li>
        <li><span><img src="/images/chat/menu-04.png"></span></li>
        <li><span><img src="/images/chat/menu-05.png"></span><i></i></li>
        <li><span><img src="/images/chat/menu-06.png"></span></li>
        <li><span><img src="/images/chat/menu-07.png"></span><i></i></li>
        <li><span><img src="/images/chat/menu-08.png"></span></li>
        <li><span><img src="/images/chat/menu-09.png"></span><i></i></li>
        <li class="fr" style="margin-right:5px;"><span><img src="/images/chat/menu-10.png"></span><p>消息记录</p><i></i></li>
      </ul>
      <textarea id="qq-chat-text"></textarea>
      <div class="qq-chat-but">
        <span class="fasong">发送(S)</span>
        <span class="close-chat">关闭(C)</span>
      </div>
    </div>
  </div>
</div>
</body>
</html>

控制器：

<?php
namespace app\index\controller;

use think\facade\View;
use app\BaseController;
use think\worker\Server;
use think\facade\Session;
use app\index\model\Memberfriend;
use app\index\model\Member;
use think\facade\Request;

class Index extends BaseController{
    public function index(){
        // 检查是否登录
        if (!Session::has("user_id")) {
            redirect(url("index/Login/index"))->send();
        }
        $user_id = Session::get("user_id");
        $this->uid = $user_id;
        trace("index");
        $memberInfo = Member::find($user_id);

        // 获取好友列表
        $friend_rt = Memberfriend::getMembers($user_id)->toArray();
        $friend = explode(",",$friend_rt['user_friend']);

        // 获取好友列表信息
        $friendInfo_rt = Member::getMemberInfo([["id","in",$friend]])->toArray();
        foreach ($friendInfo_rt as $key => $value) {
            $friendInfo[$value['id']] = $value;
        }
        
        // 渲染到页面
        View::assign([
            'friendInfo' => $friendInfo,
            'memberInfo' => $memberInfo,
            'uid'        => $user_id
        ]);
        return View::fetch();
    }

    public function bind(){
        // 绑定用户和客户端
        $get = Request::get();
        $result["code"] = 200;

        // 检查参数
        if (empty($get['uid']) || empty($get['client_id'])) {
            $result["message"] = "参数错误";
            $result["data"] = [];
            return json($result);
        }

        // 绑定用户session和client_id
        $connectionInfo = [];
        if (Session::has("connectionInfo")) {
            $connectionInfo = Session::get("connectionInfo");
        }
        $connectionInfo[$get["uid"]] = $get["client_id"];
        Session::set("connectionInfo",$connectionInfo);

        $result["code"] = 200;
        $result["message"] = '成功';
        $result["data"] = $connectionInfo;
        return json($result);
    }
}

worker类：

<?php
namespace app\index\controller;

use think\facade\View;
use think\worker\Server;
use think\facade\Session;
use GatewayClient\Gateway;

// require_once '../vendor/autoload.php';
// use app\index\model\Memberfriend;
// use app\index\model\Member;

class Worker extends Server{

    // json消息格式{
    //      type : say--发送的消息 bind--用户连接绑定client_id
    //      from : 谁发的
    //      to   : 给谁发的
    //      content : '发的内容'
    // }

    protected $socket = 'websocket://www.chat.com:2346';

    protected $client_id;

    public function onMessage($connection, $data)
    {
        $data = json_decode($data,true);
        if ($data["type"] == "say") {
            $result["type"] = "say";
            $result["from"] = $data["from"];
            $result["to"] = $data["to"];
            $result["content"] = $data["content"];
            // dump($this->worker);
            $this->worker->clientIdConnections[$data["to"]]->send(json_encode($result,true));
        }
        // $json = [
        //     'type'  =>  'say',
        //     'from'  =>  '1615112847955',
        //     'to'    =>  $connection->client_id,
        //     'content' => $data["content"]
        // ];
        // $connection->send(json_encode($json,true));
    }

    /**
     * 当连接建立时触发的回调函数
     * @param $connection
     */
    public function onConnect($connection)
    {
        // 生成一个唯一用户的客户端id
        $this->client_id = time().rand(100,999);
        // 将生成的client_id赋给当前连接
        $connection->client_id = $this->client_id;

        // 在当前worker对象中新添属性  保存当前登录的用户的client_id 和 连接对象
        // 以便进行推送
        $this->worker->clientIdConnections[$connection->client_id] = $connection;

        // 将生成的client_id发送给客户端
        $json = [
            'type'  =>  'bind',
            'from'  =>  'worker',
            'to'    =>  $connection->client_id,
            'content' => $this->client_id
        ];
        $connection->send(json_encode($json,true));
    }

    /**
     * 当连接断开时触发的回调函数
     * @param $connection
     */
    public function onClose($connection)
    {
        
    }

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

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

    }
    
}

这是代码：https://gitee.com/zqy-904915452/tp6-workerman-chat

筱宇***
关注
  • 0
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
ws改为wss协议过程
qq_39040427的博客
08-10 6601
一、申请阿里云证书 点击验证-->>提交审核（5分钟内接受到成功短信） 使用xftp将解压文件上传到服务器/etc/nginx/(没有可以新建一个) 二、修改nginx配置（主要是server里面配置） #user nobody; worker_processes 1; events { worker_connections 1024; } http {
自己写的。C语言。遍历。题解 | #字符串字符匹配#
2301_78234743的博客
04-19 685
问的很常规，基本都答出来了，希望有二面自我介绍，然后大约20分钟有关性格、未来规划等场景题参加过的比。从最早的提前批到现在，已经有7000+的春招企业了，还没有offer的大佬们可以捡漏了！二进宫了，base武汉，后台开发太卷了没想到还让我面了，但是问的太水了应该是KPI。#暑期实习# #阿里云#同一个岗位两个平台，投递的时候都没有上传简历 #亚信科技# #实习# #Java# #牛客帮帮团来啦。秋招一直在忙论文，佛系投了一些面了一些都因为准备不足寄了，十二月答辩完的时候就没啥了，后面过完年三月。
ThinkPHP6.0的Workerman配合uniapp的使用
zh2974194696的博客
05-22 353
2.3创建上面修改的自定义目录文件地址按上面修改的来我这里是在 跟目录下的app\http\下创建 Worker.php。2.1 宝塔的网站 -> 配置文件。文件里面修改(没有自行创建),中。1.安装Workerman。2.配置Workerman。2.2在项目跟目录下的。
【开源分享】2024最新版在线客服系统ThinkPHP8.0源码(全新UI+终身使用+安装教程)
最新发布
u011027871的博客
06-22 508
【开源分享】2024最新版在线客服系统ThinkPHP8.0源码(全新UI+终身使用+安装教程)，这款是2024年最新版全新UI的在线客服聊天系统源码。在线客服系统是一套交互式沟通工具，采用PHP8.0+MYSQL开发。高性能，不卡顿。
socket 发送数据 瓶颈_socket编程之websocket实现
weixin_39718888的博客
11-25 304
实现私聊和群聊两个功能,要在web端实现想微信QQ那样的即时通讯的功能，我们需要了解一下websocket。websocket是一种可以双向通讯的长连接协议，http是获取完数据就关闭，websocket则可以一直连接，就像铺了一条管道一样，水可以一直流着。一、websocket前端var ws = new WebSocket("ws://127.0.0.1.com:8282"); ws....
tp5 微信支付开发流程
书山有路_邓
04-09 837
tp5 微信支付开发流程 1.用户在选择商品后，向APi提交包含它所选择商品的相关信息。 2.APi在接收到信息后，需要检查订单相关商品的库存量。 3.有库存，把订单数据存入数据库中=　　下单成功了，返回客户端消息，告诉客户端可以支付了 4.调用自己的支付接口，进行支付。 5.还需要再次进行库存量检测 6.服务器这边就可以调用微信的支付接口进行支付 7.微信会返回给我们一个支付结果（异步） 8.成...
Github上关于iOS的各种开源项目集合（强烈建议大家收藏，查看，总有一款你需要）
coder的专栏
02-15 3867
转载地址 下拉刷新 EGOTableViewPullRefresh - 最早的下拉刷新控件。SVPullToRefresh - 下拉刷新控件。MJRefresh - 仅需一行代码就可以为UITableView或者CollectionView加上下拉刷新或者上拉刷新功能。可以自定义上下拉刷新的文字说明。具体使用看“使用方法”。 （国人写）XHRefreshControl - XHRefr
Java重点原理精炼(免费版)
枫度柚子
02-28 9299
Java相关原理精炼 主要是处理一些难记忆的概念、参数，尽量不丢失原意的基础上进行白话简概
微信客服自动回复（thinkphp5）
weixin_39984546的博客
10-23 701
define("TOKEN","123456");//自己设置的Token class wechatAPI{ const APP_ID = 'wx3**********'; //你自己的appid const APP_SECRET = '72c*****************';//你自己生成的appSecret //用于小程序第一步验证返回之后注释掉 pub...
使用TP6+Workerman实现私聊（类似QQ）、实时聊天（1、搭建TP6环境）
qq_38231822的博客
03-10 3609
1、安装ThinkPHP6 之前写过直接利用workerman做一个聊天室的小案例，感兴趣的可以去看一下。这次打算用TP6+workerman实现一个聊天的。最近有点忙，前端的代码最后就让我省略了。看下去你就明白了。 首先先下一个TP6的项目。 切换到根目录下执行这个composer命令。（composer百度上好多教学的我就不说了，也比较简单安装上就好。） 创建项目，tp是要创建项目的名字。 composer create-project topthink/think tp 安装模板引擎 compo
使用TP6+Workerman实现私聊（类似QQ）、实时聊天（2、搭建workerman）
qq_38231822的博客
03-11 2887
之前的文章写了composer下载TP6的项目，并实现了多应用pathinfo的访问模式。现在同样使用composer下载workerman。 下载workerman composer require topthink/think-worker windows下做服务器需要下载的哦 composer require workerman/workerman-for-win 这个就是composer执行成功的。失败的情况下，一般复制报错信息到百度/Google就都可解决。 config目录下回多出来这几
ThinkPHP6中解决跳转问题
qq_38231822的博客
01-13 2502
ThinkPHP6中解决跳转问题 话不多说直接上链接：https://www.kancloud.cn/monday/thinkphp6/1572027
paypal支付的回调
qq_38231822的博客
07-09 1788
<?php namespace App\Http\Controllers\Api\Paypal; use App\Http\Controllers\Controller; use Illuminate\Http\Request; use App\Jobs\CheckOrderPaypal; use App\Http\Controllers\Api\Order\Order; class Paypal extends Controller { protected $useSandle = true;
使用TP6+Workerman实现私聊（类似QQ）、实时聊天（3、使用workerman服务类）
qq_38231822的博客
03-11 1645
之前说了关于workerman的配置问题。因为在这个配置文件里面写代码不现实，所以有了服务类。把workerman的几个回调函数进行封装。 打开config目录中的worker_server.php文件，那个那个那个，，第22行看到了嘛，这个就是我们要配置的地址。 在应用文件夹下新建http文件夹，也就是新建一个http模块。 再新建一个服务类的文件。 <?php namespace app\http; use think\worker\Server; use think\facade\Se
ThinkPHP 6.0.3版本自创标签方法
qq_38231822的博客
12-09 1251
ThinkPHP 6.0.3版本自创标签方法 在ThinkPHP的应用中，tp自带的标签有可能会出现不够用的情况，在这种情况下，我们可以自己创建标签在我们的代码中进行应用。 注： 前提是在创建标签前须利用Composer工具下载模板引擎。 以下是composer下载模板引擎命令： composer require topthink/think-view 下面是创建标签的步骤： 1）打开www下的ThinkPHP6的项目根目录（我的根目录名字叫tp1） 2）然后打开标签库类文件（Cx.php） 3
PHP调用第三方接口（CURL）
qq_38231822的博客
02-18 1175
protected function curl($url, $data, $headers = [], $return_header = 0, $method = 'post') { $curl = curl_init(); curl_setopt($curl, CURLOPT_HTTPHEADER, $headers); curl_setopt($curl, CURLOPT_URL, $url); curl_setopt($curl.
PHP调用第三方接口
qq_38231822的博客
01-08 617
protected static function curl($url,$data,$headers=[] , $return_header = 0 , $method = 'post') { $curl = curl_init(); if(!empty($headers)){ curl_setopt($curl,CURLOPT_HTTPHEADER,$headers); } curl_setopt($curl, CURLOPT_URL,$url); .
PHPExcel导入导出
qq_38231822的博客
02-14 524
导入： public function import(){ $oldData=[]; $info=$this->fileUplad(); if($info['code']!=200){ return false; } //获取对应表的全部字段并删除第一个id元素 $title_to_field=array( '学生姓名' => 'name'
tp6使用workerman实现定时器
09-08
在 ThinkPHP 6 中使用 Workerman 实现定时器可以通过添加自定义命令来实现。下面是一个简单的实现步骤： 1. 首先，确保你已经安装了 Workerman 和 think-worker 扩展。可以通过执行以下命令来安装它们： ``` ...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值