节前一个朋友找我叫我帮他做一个微信在线客服的系统。其实微信公众号是有在线客服功能的，只是这个功能算是最基本的吧。之前我们公司使用过智齿，后来到期了就没做了。这次又有机会用第三方的客服系统就记录下来。
需求：
1.用户打开微信公众号，点击在线客服，用户可以选择指定的客服聊天(微信客服是不支持的);
2.微信公众号聊天自动转入第三方客服接入。
公众号界面：
微信界面-客服列表
在做之前看了一下七鱼的开发指南。发现没有获取客服人员列表的接口，后来在线咨询了一下七鱼的人，发现确实没有这个接口，这样就很尴尬了。意味着客服列表界面的客服信息，需要手动从七鱼去粘贴复制，每次七鱼上面客服信息有异动就都需要手动修改一次这个界面的数据。不知道七鱼为什么不开放这个接口。具体开发请详看文档。
比如有些公司，不同客服负责的地理区域或者产品类别不一样，但是客户在微信里面聊天就只能是客服看见消息后先判断是不是自己负责的，如果不是还需要转接其他客服。假如直接让客户去选择对应的客服就可以节省很多时间和提高效率了。这个需求我也和七鱼的人员反馈了。
既然七鱼没有，就只能自己像办法解决了。我的做法是自己做一个PC界面，让公众号管理员，去添加和修改客服信息。这样公众号管理员几不需要修改代码层面上的东西了。
解决：
1.手机端
手机端这个只有 一个界面，就是客服人员列表界面，具体的聊天界面是七鱼自带的。
2.PC端
PC端也就是一个列表页面加一个弹框
为了界面的好看和写代码方便还是使用了vue.js + element-ui。这里并没有使用脚手架vue-cli。也顺便做了一个登陆页面，嘿嘿，你懂的。
3.后台
后台部分，鄙人不才只会一些Node.js，就用Node.js撸出来了。
一个七牛云的图片上传接口，
客服的：添加，删除，修改，获取。也就是对应Mysql的增改查，删除客服人员只是修改了一个字段值，没从数据库删除。这些接口代码就不贴出来了。
全部做出来，今天上午半天就搞定了，还顺便做了一个使用说明，其实就是贴几张图而已。
体会
做这个深刻的体会到了一点就是：尽量不要让不懂代码的人去修改代码层面的东西。从朋友那边了解到，他的客户不懂代码这些，如果让他们去修改配置或者代码风险很大。所以就自己辛苦一点，多做一点，让客户省时省事。如果网易七鱼有获取客服列表的功能，那么PC端就省去了，如果接口可以前台调用，Node.js也省去了，还好这个不难，半天全部搞定并部署。接下来就是教客户使用了。