开源软件名称：

laykefu

开源软件地址：

https://gitee.com/shmilylbelva/laykefu

开源软件介绍：

laykefu

thinkphp5+Gatewayworker搭建的web客服系统

体验地址：https://www.laykefu.com

客服地址:https://www.laykefu.com/service账户密码：客服小美 123456

后台管理地址：https://www.laykefu.com/admin账户密码：暂不提供

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

1.客户端接入

1、添加laykefu.css样式文件

    <link href="你的域名/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="你的域名/static/customer/js/laykefu.js"></script>

3、添加html目标代码，样式可根据需求自定义

<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: document.domain+':7272',//聊天服务器地址，其实socket可以设置为ip:7272或者域名:7272,然后nginx做反向代理可以设置为 域名/wss		face_path:'/static/customer/images/face',//表情包路径		upload_url:'/index/upload/uploadImg',//图片上传路径	});});

[可选] nginx反向代理 wss

location /wss {            proxy_pass http://127.0.0.1:7272;            proxy_set_header X-Real-IP $remote_addr;            proxy_set_header Host $host;            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;            proxy_http_version 1.1;            proxy_set_header Upgrade $http_upgrade;            proxy_set_header Connection "upgrade";            rewrite /wss/(.*) /$1 break;            proxy_redirect off;}

[可选] nginx反向代理 ws

location /wss {            proxy_pass http://127.0.0.1:7272;            proxy_set_header X-Real-IP $remote_addr;            proxy_set_header Host $host;            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;            proxy_http_version 1.1;            proxy_set_header Upgrade $http_upgrade;            proxy_set_header Connection "upgrade";            rewrite /ws/(.*) /$1 break;            proxy_redirect off;}

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

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