客服系统vue源码聊天界面，ajax上传图片功能实现，动态异步上传文件
在线客服系统的聊天界面上，有上传图片按钮功能，使用js实现ajax上传图片功能html部分，有一个点击事件 <div class="iconExtendBtn" @click="uploadImg"> <div class="elIcon el-icon-picture"></div> <div>图片</div> </div>js部分，动态创建input进行上传文件//上传图片 uploadImg...
阅读更多 →在线客服系统，JS定时器实现访客长时间无回话，自动断开websocket链接
客服系统的聊天界面，当访客进入后，会自动连接后端websocket服务。该服务有断线重连机制，因此如果前端不主动关闭连接，并且不进行重连操作，那么websocket连接会一直保持。这样会占用不少的资源，并且会误导客服人员。因此，需要使用JS定时查看访客回复的时间，如果超过一段时间了，就主动关闭websocket连接 其实，主要就是每次发言时，都更新一下活动时间。设置一个定时器，每隔10秒检查下当前...
阅读更多 →在线客服系统聊天界面，增加emoji表情图标，纯emoji点击后发送
之前开发客服系统访客聊天界面，发送表情部分，是自己本地的一堆小图片现在其实可以直接展示emoji，效果也是不错的，还不需要自己再去解析表情路径 首先准备一个emoji的json字符串emojis:{"smile":"?","smiley":"?","grinning":"?","blush":"?","wink":"?","heart_eyes":"?","kissing_heart":"?","...
阅读更多 →开发在线客服系统聊天界面，JS实现相邻两条消息之间间隔小于3分钟，就不展示消息时间
我在开发一个客服聊天界面，每条消息都有发送时间，我想要实现相邻两条消息之间间隔小于3分钟的就不展示发送时间.下面就是消息的JSON结构，里面的time就是发送时间message = { "msg_id": 629255, "time": "2023-02-11 00:41:04", "content": "chatGPT", "mes_type": "visitor", "name": "山东聊城...
阅读更多 →在线客服系统对接第三方搜索接口，将发访客消息GET请求指定的url，并将响应内容返回给访客
为了扩展默认的自动回复机器人功能，特意在后台新加了一个webhook。 那就是当填入webhook地址以后，会把访客的消息内容GET拼接请求到webhook的网址后面，这样就把信息转发到了该接口。 该接口，拿到访客消息，自行编写搜索逻辑（例如对接elk，自行对接gpt）,把响应的内容返回来。 访客端直接展示响应的内容。 这样可以极大扩展目前搜索功能的不足，扩展机器人自动回复功能。 webhook的...
阅读更多 →亲测一份PHP在线客服系统源码，thinkphp+workerman开发，网上流传最广的客服源码搭建教程
为了帮一个客户修改自己的客服系统，所以把源码在本地搭建了一下。这份源码已经不知道是几手的了，并且很有可能会有后门，或者代码已被网警标识。为什么这么说呢？曾经有个客户提到过，刚部署一个在网上下载的php客服系统后，就会被反诈110打电话。所以，敢用的尽管去网上下载吧，哈哈。本来不愿意看这种盗版破解的PHP客服源码。但是客户那边需求很少，购买我的商务版感觉不合算，所以网上找了这一个客服源码，这个也是流...
阅读更多 →纯前端仿GPT流式打字效果的js库，类似通义千问或者其他AI界面的打字效果
因为GPT以及国内各大模型的发布，很多官网都设计的是，仿造流式打字效果，下面这个js库就能轻松实现。typed.js 具体实现代码参考下面：<span id="subTitle"></span> <script src="https://unpkg.com/typed.js@2.0.15/dist/typed.umd.js"></script> <script> var typed = new T...
阅读更多 →OpenAI API KEY的费用价格问题-以及国内访问不通并且无法充值使用第三方代理服务的费用
最近OpenAI的ChatGPT持续爆火，如果我们对接了OpenAI的接口，使用官方的API KEY ，那么费用是怎么计算的呢首先，我们只对接gpt3.5的chat接口，那么费用就是$0.002 / 1K tokens，每10000个token 2美分。token可以简单的先理解为分词，也就是1万个词，2美分。调一次接口，需要计算请求的分词个数，再加上响应的分词个数，才算是一次请求。如果我们要做本...
阅读更多 →在线客服系统搜索访客功能-通过访客名称、访客VisitorId、访客IP地址、聊天消息来进行搜索
在使用客服系统的时候，访客数量一旦多了起来，想要找到某一个访客是很困难的，很多时候我们需要快速定位到某一个访客，这里就需要用到搜索访客的功能了。唯一客服系统的访客搜索功能1. 访客名称搜索功能，如果我们对接了自己系统的访客名称，那么我们直接输入名称就能找到该访客了。但是，如果没有传递自己系统的会员名称，默认的访客名称会是 省份+城市 的形式。我们只能搜索到某个城市下的所有访客，比如搜索 “山东济南...
阅读更多 →自建系统项目如何整合客服系统-在线客服系统中展示自己的会员信息-达到知晓访客是谁
默认情况下，当项目对接完客服系统后，可以让项目下的访客用户点击在线客服按钮，或者通过右下角弹窗，与后台客服人员进行实时交流客服人员那里，并不能知道这个访客会员是谁，只能看到匿名的临时访客信息。因为我们没有传递自己项目下的会员信息到客服系统，所以客服系统并不显示会员信息。 现在我们可以在聊天链接，或者弹窗JS代码中，传递自己会员信息到客服系统，客服系统展示传递过来的昵称、头像、会员ID等。<html...
阅读更多 →