节前一个朋友找我叫我帮他做一个微信在线客服的系统。其实微信公众号是有在线客服功能的,只是这个功能算是最基本的吧。之前我们公司使用过智齿,后来到期了就没做了。这次又有机会用第三方的客服系统就记录下来。

需求:

1.用户打开微信公众号,点击在线客服,用户可以选择指定的客服聊天(微信客服是不支持的);
2.微信公众号聊天自动转入第三方客服接入。
公众号界面:

微信界面-客服列表

在做之前看了一下七鱼的开发指南。发现没有获取客服人员列表的接口,后来在线咨询了一下七鱼的人,发现确实没有这个接口,这样就很尴尬了。意味着客服列表界面的客服信息,需要手动从七鱼去粘贴复制,每次七鱼上面客服信息有异动就都需要手动修改一次这个界面的数据。不知道七鱼为什么不开放这个接口。具体开发请详看文档。
比如有些公司,不同客服负责的地理区域或者产品类别不一样,但是客户在微信里面聊天就只能是客服看见消息后先判断是不是自己负责的,如果不是还需要转接其他客服。假如直接让客户去选择对应的客服就可以节省很多时间和提高效率了。这个需求我也和七鱼的人员反馈了。
既然七鱼没有,就只能自己像办法解决了。我的做法是自己做一个PC界面,让公众号管理员,去添加和修改客服信息。这样公众号管理员几不需要修改代码层面上的东西了。

解决:

1.手机端
手机端这个只有 一个界面,就是客服人员列表界面,具体的聊天界面是七鱼自带的。
。手机端界面的实现就不在具体贴代码了。
2.PC端
PC端也就是一个列表页面加一个弹框

为了界面的好看和写代码方便还是使用了vue.js + element-ui。这里并没有使用脚手架vue-cli。也顺便做了一个登陆页面,嘿嘿,你懂的。
3.后台
后台部分,鄙人不才只会一些Node.js,就用Node.js撸出来了。
一个七牛云的图片上传接口,
客服的:添加,删除,修改,获取。也就是对应Mysql的增改查,删除客服人员只是修改了一个字段值,没从数据库删除。这些接口代码就不贴出来了。
全部做出来,今天上午半天就搞定了,还顺便做了一个使用说明,其实就是贴几张图而已。

体会

做这个深刻的体会到了一点就是:尽量不要让不懂代码的人去修改代码层面的东西。从朋友那边了解到,他的客户不懂代码这些,如果让他们去修改配置或者代码风险很大。所以就自己辛苦一点,多做一点,让客户省时省事。如果网易七鱼有获取客服列表的功能,那么PC端就省去了,如果接口可以前台调用,Node.js也省去了,还好这个不难,半天全部搞定并部署。接下来就是教客户使用了。

记一次网易七鱼云客服开发记录相关推荐

  1. 网易七鱼客服对接记录以及Vue项目里使用

    网易七鱼客服对接记录 之前是腾讯客服,因为业务关系,变更到七鱼,所以在这里记录一下 1.第一步 去http://help.qiyukf.com/官方注册一个账号 2第二步 找到自己需要的业务,我的是现 ...

  2. Android应用客服系统解决方案---网易七鱼客服

    应用客服系统 现在好多应用都有客服系统需求,常见问题可以通过智能客服解决,疑难问题可以联系人工客服实时解答.比较常见的购物应用的客服功能. 七鱼客服 七鱼 Android SDK Github 网易七 ...

  3. 网易七鱼客服 发起客服-触发两条会话

    今天集成网易七鱼客服的时候,每次调用的时候,客服端都会收到两条会话信息 这其实是同一个人来的,本来挺简单的东西,硬是搞了一天. 出现这个原因,主要是因为我们在分配客服的时候,需要为客户指定同一个客服, ...

  4. 网易服务器修改权限等级,网易七鱼客服管理_七鱼客服管理人员权限设置_企业服务汇...

    编者按:网易七鱼的客服权限设置功能能够方便企业针对不同角色的客服人员分配不同的系统操作权限,客服权限的分配主要包括了对系统设置权限.数据查看范围及导出权限.功能使用权限这三大类权限的分配,其中系统设置 ...

  5. 网易 七鱼 面试 java_reactJs微信端接入网易七鱼客服

    项目中有联系客服的功能,我们需要在微信端接入网易七鱼客服系统,记录一下使用方法. 网易七鱼客服在线连接分为 服务异步加载(推荐)和 服务同步加载 1.服务异步加载(推荐) 我是在react的外层htm ...

  6. uniapp微信公众号h5接入网易七鱼客服系统

    最近用的网易七鱼客服系统,总结一下 网易七鱼用代码接入网站的方法. 官网: 网易七鱼 - 服务营销一体化解决方案专家 开发指南: 概述 | 开发指南 web-sdk使用的demo都可以在上图里的接入d ...

  7. android网易七鱼客服系统

    一.优点 满足Web.App.微信公众号等全渠道的在线客户服务,支持客户信息展示,丰富沟通方式,超过100 项数据报表等功能 .一句话就是功能强大,聚合多个平台. 二.接入步骤: 1.在网易七鱼(ht ...

  8. 集成第三方组件--七鱼客服

    背景 最近做商城APP,里面需要用到客服咨询的功能,马上到网上找看有什么支持的SDK,环信.融云.网易七鱼等等,翻看了这几家的SDK文档,发现还是网易的最为友好,而且客户端的UI最为美观舒服,所以就选 ...

  9. 网易云商-七鱼客服使用感受

    本次使用 七鱼客服 的体验不是很好,但是呢,遇到的问题,他们又给积极的解决了.说是不好吧,也还可以.只是给开发人员带去了不愉快. 售前咨询 在七鱼客服的首页,可以点击联系客服,就会跳转到聊天界面,开始 ...

最新文章

  1. dell服务器怎么查看网卡型号,dell R730集成网卡什么型号
  2. 易语言 mysql 卡死_易语言操作MYsql 所有课程停发
  3. 解决Winform程序在不同分辨率系统下界面混乱问题
  4. GitHub又有了新功能:控诉互联网公司996行为。这个网站被发在GitHub一个小时之后,标星就超过了1000
  5. Java多线程学习十六:读写锁 ReadWriteLock 获取锁有哪些规则
  6. LeetCode60:Permutation Sequence
  7. 解决性能问题中SQL Server警报:SQL Server警报基础
  8. Vue路由及路由守卫
  9. Atitit java rest mvc微服务原理以及框架选型 目录 第一节 Mvc原理 model controler view 1 第二章 Spark 最简单 1 第一节 Sprbt to
  10. Java 重载和重写
  11. PHP ASCII 排序方法
  12. 从PHP5到PHP7的注意事项
  13. IDEA打包失败解决方案
  14. 打印机软件未通过电脑测试,打印机测试错误 原因administrator解决办法
  15. 易达园林注册机_科创易达园林绿化插件免费版
  16. 内核编译出现Memory exhausted解决方案
  17. 2022年~全网最真实的软件测试面试题合集
  18. 阿里国际站用户增长技术探索与实践
  19. 英语新闻听力之专有名词
  20. 光纤布拉格光栅(FBG)笔记【1】:波导结构和布拉格波长推导

热门文章

  1. 【字典树】2828 - 字典树
  2. 慕容话币|新手如何进入区块链行业?
  3. 【STM32H7教程】第24章 STM32H7的Cache解读(非常重要)
  4. Spring MVC的请求处理流程
  5. 外盘期货的几个级别 你到达几级了?
  6. 例题5.5 圆桌骑士 LA3523
  7. Linux没有默认设置root密码
  8. 网站学习心得-登陆注册功能
  9. 案例精选 | 左耳朵耗子:如何写出让同事无法维护的代码?
  10. C# 海量数据导出到 Excel