我在开发聊天界面的过程中，聊天内容部分是使用v-html渲染出来的，能够展示html内容但是加载的图片是不能点击放大查看的，现在增加点击放大预览功能首先html部分是下面这样的，也就是下面要增加一个隐藏的el-image<div v-html="row.content" @click="htmlBoxClick($event)"></div> <!-- 大图预览 --> <el-image sty...
阅读更多 →在线客服系统的聊天界面上，有上传图片按钮功能，使用js实现ajax上传图片功能html部分，有一个点击事件 <div class="iconExtendBtn" @click="uploadImg"> <div class="elIcon el-icon-picture"></div> <div>图片</div> </div>js部分，动态创建input进行上传文件//上传图片 uploadImg...
阅读更多 →客服系统的聊天界面，当访客进入后，会自动连接后端websocket服务。该服务有断线重连机制，因此如果前端不主动关闭连接，并且不进行重连操作，那么websocket连接会一直保持。这样会占用不少的资源，并且会误导客服人员。因此，需要使用JS定时查看访客回复的时间，如果超过一段时间了，就主动关闭websocket连接 其实，主要就是每次发言时，都更新一下活动时间。设置一个定时器，每隔10秒检查下当前...
阅读更多 →之前开发客服系统访客聊天界面，发送表情部分，是自己本地的一堆小图片现在其实可以直接展示emoji，效果也是不错的，还不需要自己再去解析表情路径 首先准备一个emoji的json字符串emojis:{"smile":"?","smiley":"?","grinning":"?","blush":"?","wink":"?","heart_eyes":"?","kissing_heart":"?","...
阅读更多 →我在开发一个客服聊天界面，每条消息都有发送时间，我想要实现相邻两条消息之间间隔小于3分钟的就不展示发送时间.下面就是消息的JSON结构，里面的time就是发送时间message = { "msg_id": 629255, "time": "2023-02-11 00:41:04", "content": "chatGPT", "mes_type": "visitor", "name": "山东聊城...
阅读更多 →为了扩展默认的自动回复机器人功能，特意在后台新加了一个webhook。 那就是当填入webhook地址以后，会把访客的消息内容GET拼接请求到webhook的网址后面，这样就把信息转发到了该接口。 该接口，拿到访客消息，自行编写搜索逻辑（例如对接elk，自行对接gpt）,把响应的内容返回来。 访客端直接展示响应的内容。 这样可以极大扩展目前搜索功能的不足，扩展机器人自动回复功能。 webhook的...
阅读更多 →为了帮一个客户修改自己的客服系统，所以把源码在本地搭建了一下。这份源码已经不知道是几手的了，并且很有可能会有后门，或者代码已被网警标识。为什么这么说呢？曾经有个客户提到过，刚部署一个在网上下载的php客服系统后，就会被反诈110打电话。所以，敢用的尽管去网上下载吧，哈哈。本来不愿意看这种盗版破解的PHP客服源码。但是客户那边需求很少，购买我的商务版感觉不合算，所以网上找了这一个客服源码，这个也是流...
阅读更多 →因为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的ChatGPT持续爆火，如果我们对接了OpenAI的接口，使用官方的API KEY ，那么费用是怎么计算的呢首先，我们只对接gpt3.5的chat接口，那么费用就是$0.002 / 1K tokens，每10000个token 2美分。token可以简单的先理解为分词，也就是1万个词，2美分。调一次接口，需要计算请求的分词个数，再加上响应的分词个数，才算是一次请求。如果我们要做本...
阅读更多 →在使用客服系统的时候，访客数量一旦多了起来，想要找到某一个访客是很困难的，很多时候我们需要快速定位到某一个访客，这里就需要用到搜索访客的功能了。唯一客服系统的访客搜索功能1. 访客名称搜索功能，如果我们对接了自己系统的访客名称，那么我们直接输入名称就能找到该访客了。但是，如果没有传递自己系统的会员名称，默认的访客名称会是 省份+城市 的形式。我们只能搜索到某个城市下的所有访客，比如搜索 “山东济南...
阅读更多 →