基于uniapp前端、webman-getway服务、webman后端的简单聊天系统、可以作为学习聊天IM的基本原理,了解websocket的工作基本原理的教程

系统简介


这是一个简单的,可实现群聊,单聊,发送图片,视频,语音,表情,文字的程序。该系统可以学习websocketj的基本工作原理,理解双工实时通讯的教程,系统采用 uniapp+Webman + gateway-worker 。

下面分别打开两个浏览器,Google Chrome 和 Microsoft Edge ,用两个账号登录系统,实时的单点聊天截图。
在这里插入图片描述

安装 webman

composer create-project workerman/webman

参考:webman安装及使用手册

安装webman-getway

进入 webman 目录

cd webman

运行

composer require webman/gateway-worker

参考:webman与gatway-work插件

配置业务

配置文件在 config/plugin/webman/gateway-worker/目录
业务目录在 plugin/webman/gateway 目录
设置config/plugin/webman/gateway-worker/目录下 app.php即可开启gatway-work插件

'enable' => true,

启动服务

  • window环境启动
    1、双击根目录的 windows.bat 批处理文件
  • linux 环境启动
    2、 php start.php start
    启动图
    3、对应文件设置如图(config/plugin/webman/gateway-worker/目录下的process.php 文件
    在这里插入图片描述

后端业务处理


后的业务处理的文件是

plugin/webman/gateway/Events.php文件

在onMessage模块完成信息处理,业务逻辑

至此,webman的 实时全双工通讯环境已经搭建完成。
下面我们看看前端通讯的效果
在这里插入图片描述
上面为聊天界面
在这里插入图片描述
添加好友和好友列表
在这里插入图片描述
在这里插入图片描述

简单的用户界面
下一篇文章我们看看具体实现的前后端对接代码

  • 5
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

zhkyzj

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值