网易七鱼
节前一个朋友找我叫我帮他做一个微信在线客服的系统。其实微信公众号是有在线客服功能的,只是这个功能算是最基本的吧。之前我们公司使用过智齿,后来到期了就没做了。这次又有机会用第三方的客服系统就记录下来。
需求:
1.用户打开微信公众号,点击在线客服,用户可以选择指定的客服聊天(微信客服是不支持的);
2.微信公众号聊天自动转入第三方客服接入。
公众号界面:
微信界面-客服列表
在做之前看了一下七鱼的开发指南。发现没有获取客服人员列表的接口,后来在线咨询了一下七鱼的人,发现确实没有这个接口,这样就很尴尬了。意味着客服列表界面的客服信息,需要手动从七鱼去粘贴复制,每次七鱼上面客服信息有异动就都需要手动修改一次这个界面的数据。不知道七鱼为什么不开放这个接口。具体开发请详看文档。
比如有些公司,不同客服负责的地理区域或者产品类别不一样,但是客户在微信里面聊天就只能是客服看见消息后先判断是不是自己负责的,如果不是还需要转接其他客服。假如直接让客户去选择对应的客服就可以节省很多时间和提高效率了。这个需求我也和七鱼的人员反馈了。
既然七鱼没有,就只能自己像办法解决了。我的做法是自己做一个PC界面,让公众号管理员,去添加和修改客服信息。这样公众号管理员几不需要修改代码层面上的东西了。
解决:
1.手机端
手机端这个只有 一个界面,就是客服人员列表界面,具体的聊天界面是七鱼自带的。
。手机端界面的实现就不在具体贴代码了。
2.PC端
PC端也就是一个列表页面加一个弹框
为了界面的好看和写代码方便还是使用了vue.js + element-ui。这里并没有使用脚手架vue-cli。也顺便做了一个登陆页面,嘿嘿,你懂的。
3.后台
后台部分,鄙人不才只会一些Node.js,就用Node.js撸出来了。
一个七牛云的图片上传接口,
客服的:添加,删除,修改,获取。也就是对应mysql的增改查,删除客服人员只是修改了一个字段值,没从数据库删除。这些接口代码就不贴出来了。
全部做出来,今天上午半天就搞定了,还顺便做了一个使用说明,其实就是贴几张图而已。
体会
做这个深刻的体会到了一点就是:尽量不要让不懂代码的人去修改代码层面的东西。从朋友那边了解到,他的客户不懂代码这些,如果让他们去修改配置或者代码风险很大。所以就自己辛苦一点,多做一点,让客户省时省事。如果网易七鱼有获取客服列表的功能,那么PC端就省去了,如果接口可以前台调用,Node.js也省去了,还好这个不难,半天全部搞定并部署。接下来就是教客户使用了。
相关阅读
随着互联网的普及,在网络上行骗与被诈骗的人也越来越多,您或者身边的朋友是否遭遇过网络诈骗呢?在遭遇网络诈骗时,我们应该怎么办呢?
惯性定律告诉我们一个物体如果在没有受外力的影响下将保持它原来的状态。同样,一些项目、创作、日常事务、写了一半的电子邮件还有
如今黑网无处不在,不知害了多少玩家,被黑总让人感到无奈、无助,而且能做的维权事宜非常少,最终不了了之。黑网一般都不会一来就黑你,
服务器上的Computer Browser服务总是自动暂停 导致使用\\Ip命令不能正常访问服务器上的共享目录,真是费劲。网上提供的解决方案
淘宝客服岗位虽然是个小职位,却是一家店铺成功与否的关键。淘宝客服除了要解答客户的疑问,促成交易之外,还需要对未付款的订单进行催