基於workerman+gatawayworker+thinkphp5搭建的客服系統

laykefu

thinkphp5+Gatewayworker搭建的web客服系統
體驗地址：http://laykefu.guoshanchina.com
github倉庫：https://github.com/shmilylbel...

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 //售後客服

後臺管理地址：host/admin
賬戶密碼：admin admin