html能不能做在线客服,【node.js+html】无聊在家写一个在线客服聊天系统

【系统概述】

使用Node.js+socket.io建立socket连接

编写独立客户端页面

编写独立客服进入页面

编写一个可以一(客服)对多(客户)的在线客户服务系统,实现同时接收多个咨询。

【系统界面预览】

b83c758f104527042a509db507e4d845.png客户端界面4c0dadfe9c4cf8eeffd5565e362b1034.png客服界面预览7a78e94928a12d31a02689a7b2fd13f7.png客服聊天界面

【实现步骤】

一、安装node.js

可在node.js官网下载安装,安装后可在cmd输入命令 node -v,回车 及 npm -v,回车,出现版本号,表示安装成功!

二、安装socket.io

cd到网站根目录下(如 我的网站目录在D盘>phpStudy>www>chat目录下 ),输入npm install socket.io回车安装socket.io

6b6e92a71e335f4d3b8edcc135e1e7e1.png

三、编写聊天界面和逻辑

聊天界面没啥说的,有兴趣可直接下载源码

①如何实现一对一的聊天?

设置room(房间),对应的房间显示对应消息。每条消息都传入参数room,在客户端解析,消息格式如下:

msg={

type:0,//type表示用户角色,0为咨询客户,1为客服

room:room,//房间id,对应的房间才能接收到消息

username:uname,//发送人姓名

message:text,//消息字符串

msg_type:0//消息类别,0为文字,1为xls文件,2为pdf

time:''//发送时间

}

②如何实现一(客服)对多(客户)服务?

其实在页面中,我们所有的消息都接收到了,这就好办了,我们把所有接收到的消息根据发送者来分类即可实现客服一对多咨询服务。

【后期优化】

一、客服人员未进入系统时,该如何保存客户发送的消息

最基本的应该还是存储在数据库中,待客服登陆后再提取数据加载到页面来。

d498f0ec36bc40c2daa809758c9aa5b5.png客服未进入页面前,保持客户发送的消息

二、消息加密

除以上外,系统还存在高并发及网络延迟等问题,欢迎大家讨论!

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值