资讯专栏INFORMATION COLUMN

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

zhjx922 / 2829人阅读

摘要:搭建的客服系统体验地址仓库客户端接入添加样式文件添加和文件添加目标代码,样式可根据需求自定义咨询客服默认显示一个客服初始化客服分组聊天服务器地址表情包路径图片上传路径如果需要展示多个客服,那么需要这么修改售前客服售后客服初始化前

laykefu

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

1.客户端接入

1、添加laykefu.css样式文件

</>复制代码

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

</>复制代码

3、添加html目标代码 id="show-laykefu",样式可根据需求自定义

</>复制代码

  1. 咨询客服

默认显示一个客服

4、初始化laykefu

</>复制代码

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

5、如果需要展示多个客服,那么需要这么修改

</>复制代码

  1. 售前客服
  2. 售后客服

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

</>复制代码

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

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

</>复制代码

  1. laykefu.init({
  2. uid: "",//客户id
  3. name: "",//客户昵称
  4. group: "",//客服分组
  5. avatar: "",//客户头像
  6. socket: "",//聊天服务器地址
  7. face_path:"",//表情包路径
  8. upload_url:"",//图片上传路径
  9. height:"",//窗口高度
  10. width:"",//窗口宽度
  11. });

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

2.服务端配置

1、安装依赖

</>复制代码

  1. composer install

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

</>复制代码

  1. 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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/103683.html

相关文章

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

    摘要:搭建的客服系统体验地址仓库客户端接入添加样式文件添加和文件添加目标代码,样式可根据需求自定义咨询客服默认显示一个客服初始化客服分组聊天服务器地址表情包路径图片上传路径如果需要展示多个客服,那么需要这么修改售前客服售后客服初始化前 laykefu thinkphp5+Gatewayworker搭建的web客服系统体验地址:http://laykefu.guoshanchina.comgi...

    Lin_YT 评论0 收藏0
  • TP5整合 WorkerMan 以及 GatewayWorker

    摘要:将解压后的文件夹中的复制到的根目录,即与同级的目录。将文件中最后部分循环括号内的路径改为自己的正确路径。整合版安装使用,来安装进入根目录,即。安装成功之后删除。加载框架引导文件创建的,命名为。在,目录不存在自行创建。 TP5整合GatewayWorker Windows版安装 a)使用composer create-project topthink/think testTG,来安装th...

    Tony 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<