技术栈:
1.laravel 写接口(发送信息和接收信息都是通过接口来进行,只有推送数据时候使用了 workerman)
2.workerman 做消息推送
3. 前端使用了 vue-element-admin 框架,消息接收直接使用原生的 websocket。
演示
【利用workerman制作聊天室与客服效果】 www.bilibili.com/video/BV1Fd…
【在线演示网址】
功能介绍
用户登录系统进入聊天室页面后,可以和同时登录系统的其他用户进行交流。
客服效果分为两个页面,代表普通用户使用的用户页面和代表客服使用的客服页面。可以设置某个用户为客服。例子中以admin用户为默认客服。 用户页面是需要咨询问题的用户所操作的页面,能够发信息给客服,接收客服的回复。还可以直接选择常见问题,查看设置好的关键主体内容。客服页面中可以显示当前接入客服系统的用户,并可以选择不同的用户,回复用户的问题。