基于workerman+gatawayworker+thinkphp5搭建的webim客服系统

laykefu

thinkphp5+Gatewayworker搭建的web客服系统
体验地址：http://laykefu.guoshanchina.com
github仓库：https://github.com/shmilylbelva/laykefu

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:'',//窗口宽度
    });

5、关联已有账户系统
默认情况下咨询的客户是随机分配账户信息，如果你的平台有账户系统，那么可以在初始化的时候传递uid和name即可

2.服务端配置

1、安装依赖

composer install

2、配置环境
修改目录下.env信息
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

其他信息

客服地址:host/service
账户密码：
客服小美 123456 //售前客服
客服小丽 123456 //售后客服

walkor/GlobalData 的作用

进程间数据共享组件，用于分布式数据共享。

对于 PHP 这种语言来说，能够【在内存中持久保存】的变量只有两种，全局变量和局部静态变量。
无论哪种，当一个进程分裂成多个进程（发生在 Worker::runAll() 的时候）后，它们都各自独立存在于自己进程的内存空间，互相是无关的。如果变量的值产生于进程分裂之前，它们的值也只是碰巧相同而已。不过一种特别的情况是，如果变量是资源类型，比如数据库连接，则它们代表的是同一个物理资源，此时使用这个资源的时候要小心资源冲突的问题。
GlobalData 是以进程间通信的方式实现数据共享。

后台管理地址：host/admin
账户密码：admin admin

1.gif

最后编辑于：2019.04.26 09:25:02