后台样式基于layui搭建的web客服系统 即时通讯

讨论 未结 11 2037
回眸淡然笑
悬赏:20飞吻
体验地址: https://laykefu.com

github仓库: https://github.com/shmilylbelva/laykefu



功能说明:

用户端
1.文字、表情、图片消息发送和接收。
2.自适应移动端。
3.支持多客服模式。
4.可自定义样式。
5.消息时间记录。
6.新消息title提醒。
7.对接已有用户系统。
8.大图模式,图片可放大缩小。

客服端
1.客服转接。
2.文字、表情、图片消息发送和接收。
3.访客信息查看。
4.常用语。

管理端
1.分组管理
2.客服管理
3.常用语设置
4.历史会话
5.系统设置
安装步骤:
1.客户端接入
1、添加laykefu.css样式文件
<link href="http://laykefu.guoshanchina.com/static/customer/css/laykefu.css" rel="stylesheet" type="text/css" />

2、添加jquery.js和laykefu.js 文件
<script src="https://cdn.staticfile.org/jquery/2.1.4/jquery.min.js"></script>
<script src="http://laykefu.guoshanchina.com/static/customer/js/laykefu.js"></script>

3、添加html目标代码 id="show-laykefu",样式可根据需求自定义
<div class="laykefu-min">咨询客服</div>
默认显示一个客服

4、初始化laykefu

laykefu.init({
group: 1,//客服分组
socket: '127.0.0.1:7272',//聊天服务器地址
face_path:'/static/customer/images/face',//表情包路径
upload_url:'/index/upload/uploadImg',//图片上传路径
});

5、如果需要展示多个客服,那么需要这么修改
<div class="laykefu-min" data-group="1" >售前客服</div>
<div class="laykefu-min" data-group="2" style="margin:100px">售后客服</div>
初始化前需要先获取group的值

$(".laykefu-min").click(function(){
var group = $(this).attr('data-group');
laykefu.init({
group: group,//客服分组
socket: '127.0.0.1:7272',//聊天服务器地址
face_path:'/static/customer/images/face',//表情包路径
upload_url:'/index/upload/uploadImg',//图片上传路径
});
});

6、可选参数 可配置参数如下

laykefu.init({
uid: '',//客户id
name: '',//客户昵称
group: '',//客服分组
avatar: '',//客户头像
socket: '',//聊天服务器地址
face_path:'',//表情包路径
upload_url:'',//图片上传路径
height:'',//窗口高度
width:'',//窗口宽度
});

7、关联已有账户系统 默认情况下咨询的客户是随机分配账户信息,如果你的平台有账户系统,那么可以在初始化的时候传递uid和name即可
2.服务端配置
1、安装依赖
composer install

2、配置环境
1.复制.env.example文件并命名为.env,修改.env参数
2.如果是在服务器环境运行该项目,那么请配置/vendor/workerman/Conf/Events下的 start_globaldata.php的$globaldata参数, start_gateway.php的$gateway->lanIp,$gateway->registerAddress参数 start_businessworker.php的$worker->registerAddress参数 本地运行,无需修改

3、启动gatawayworker相关服务 如果你是在windows上运行的话,直接双击/vendor/workerman/Conf/start_for_bat.bat即可 如果你是在linux或mac上运行的话,请进入/vendor/workerman/Conf/目录,然后运行

php start.php start -d
开启服务 命令如下 启动 以debug(调试)方式启动

php start.php start

以daemon(守护进程)方式启动

php start.php start -d

停止 php start.php stop

重启 php start.php restart

平滑重启 php start.php reload

查看状态 php start.php status

查看连接状态 php start.php connections
更多内容看这里 https://github.com/shmilylbelva/laykefu


回帖