摘要：搭建的客服系統(tǒng)體驗(yàn)地址倉庫客戶端接入添加樣式文件添加和文件添加目標(biāo)代碼，樣式可根據(jù)需求自定義咨詢客服默認(rèn)顯示一個(gè)客服初始化客服分組聊天服務(wù)器地址表情包路徑圖片上傳路徑如果需要展示多個(gè)客服，那么需要這么修改售前客服售后客服初始化前

thinkphp5+Gatewayworker搭建的web客服系統(tǒng)
體驗(yàn)地址：http://laykefu.guoshanchina.com
github倉庫：https://github.com/shmilylbel...

1、添加laykefu.css樣式文件

2、添加jquery.js和laykefu.js 文件

3、添加html目標(biāo)代碼 id="show-laykefu"，樣式可根據(jù)需求自定義

咨詢客服

默認(rèn)顯示一個(gè)客服

4、初始化laykefu

    laykefu.init({
        group: 1,//客服分組
        socket: "127.0.0.1:7272",//聊天服務(wù)器地址
        face_path:"/static/customer/images/face",//表情包路徑
        upload_url:"/index/upload/uploadImg",//圖片上傳路徑
    });

5、如果需要展示多個(gè)客服，那么需要這么修改

售前客服
售后客服

初始化前需要先獲取group的值

$(".laykefu-min").click(function(){
    var group = $(this).attr("data-group");
    laykefu.init({
        group: group,//客服分組
        socket: "127.0.0.1:7272",//聊天服務(wù)器地址
        face_path:"/static/customer/images/face",//表情包路徑
        upload_url:"/index/upload/uploadImg",//圖片上傳路徑
    });
});

6、可選參數(shù)
可配置參數(shù)如下

    laykefu.init({
        uid: "",//客戶id
        name: "",//客戶昵稱
        group: "",//客服分組
        avatar: "",//客戶頭像
        socket: "",//聊天服務(wù)器地址
        face_path:"",//表情包路徑
        upload_url:"",//圖片上傳路徑
        height:"",//窗口高度
        width:"",//窗口寬度
    });

5、關(guān)聯(lián)已有賬戶系統(tǒng)
默認(rèn)情況下咨詢的客戶是隨機(jī)分配賬戶信息，如果你的平臺(tái)有賬戶系統(tǒng)，那么可以在初始化的時(shí)候傳遞uid和name即可

1、安裝依賴

composer install

2、配置環(huán)境
修改目錄下.env信息
3、啟動(dòng)gatawayworker相關(guān)服務(wù)
如果你是在windows上運(yùn)行的話，直接雙擊/vendor/workerman/Conf/start_for_bat.bat即可
如果你是在linux或mac上運(yùn)行的話，請(qǐng)進(jìn)入/vendor/workerman/Conf/目錄，然后運(yùn)行

php start.php start -d

開啟服務(wù)
命令如下
啟動(dòng)
以debug（調(diào)試）方式啟動(dòng)

php start.php start

以daemon（守護(hù)進(jìn)程）方式啟動(dòng)

php start.php start -d

停止
php start.php stop

重啟
php start.php restart

平滑重啟
php start.php reload

查看狀態(tài)
php start.php status

查看連接狀態(tài)
php start.php connections

客服地址:host/service
賬戶密碼：
客服小美 123456 //售前客服
客服小麗 123456 //售后客服

后臺(tái)管理地址：host/admin
賬戶密碼：admin admin