摘要：
小程序的订阅消息，分为一次性订阅消息和长期订阅消息，长期订阅消息只对政务民生、医疗、交通、金融、教育等线下公共服务开放，一般情况下我们用不了。 一次性订阅消息用于解决用户使用小程序后，后续服务环节的通知问题。用户自主订阅后，开发者可不限时间地下发一条对应的服务消息；每条消息可单独订阅或退订。 注意： 阅读全文
摘要：
微信小程序想要对接独立在线客服系统，除了使用小程序消息推送接口外，还可以使用webview嵌入的形式嵌入聊天链接。 但是，使用webview嵌入的形式，当用户离开页面以后，就收不到客服回复的消息了 所以，我们需要当用户离开聊天页面后，客服回复消息，使用小程序的订阅模板来进行通知。 我们前往小程序后台 阅读全文
摘要：
chatPDF或者chatGPT的界面挺简洁的，就是一个左侧的列表以及右侧的对话列表，现在使用css实现这样的布局 充分运用了flex布局方式实现，左右分栏，以及对话形式展示效果 下面是效果图： 在手机设备看就隐藏左侧，右侧100%适应 下面就是html和css的布局代码 <style> .chat 阅读全文
摘要：
fetch 是浏览器自带的函数，用于发送网络请求。fetch 方法返回一个 Promise 对象，可以通过链式调用 then 方法处理响应数据，或者通过 catch 方法捕获错误信息。它支持 Promise 和异步/await 两种调用方式。‘ 以下是一个示例代码，展示如何使用 fetch 进行 G 阅读全文
摘要：
近期在定制化聊天界面的过程中，重写了下访客聊天界面的评价弹窗功能。 现在实现的效果是下面这样的 实现代码html部分 <!--在线评价--> <div v-if="comment.dialog" class="comment"> <div class="scoreBox"> <i class="ic 阅读全文
摘要：
访客在聊天界面中可以发送语音，其实就是录音以后，调用上传接口，把录音文件发送给客服。 点击麦克图标以后，展示出一个elementui的dialog弹窗，里面展示四个功能按钮。 分别是，开始录音，结束录音，取消录音，发送录音。基本流程就是点开始，然后点结束，再点发送。 下面是聊天界面中的dialog弹 阅读全文
摘要：
我在开发聊天界面的过程中，聊天内容部分是使用v-html渲染出来的，能够展示html内容 但是加载的图片是不能点击放大查看的，现在增加点击放大预览功能 首先html部分是下面这样的，也就是下面要增加一个隐藏的el-image <div v-html="row.content" @click="htm 阅读全文
摘要：
在线客服系统的聊天界面上，有上传图片按钮功能，使用js实现ajax上传图片功能 html部分，有一个点击事件 <div class="iconExtendBtn" @click="uploadImg"> <div class="elIcon el-icon-picture"></div> <div> 阅读全文
摘要：
客服系统的聊天界面，当访客进入后，会自动连接后端websocket服务。该服务有断线重连机制，因此如果前端不主动关闭连接，并且不进行重连操作，那么websocket连接会一直保持。 这样会占用不少的资源，并且会误导客服人员。因此，需要使用JS定时查看访客回复的时间，如果超过一段时间了，就主动关闭we 阅读全文
摘要：
之前开发客服系统访客聊天界面，发送表情部分，是自己本地的一堆小图片 现在其实可以直接展示emoji，效果也是不错的，还不需要自己再去解析表情路径 首先准备一个emoji的json字符串 emojis:{"smile":"😄","smiley":"😃","grinning":"😀","blush 阅读全文
摘要：
我在开发一个客服聊天界面，每条消息都有发送时间，我想要实现相邻两条消息之间间隔小于3分钟的就不展示发送时间. 下面就是消息的JSON结构，里面的time就是发送时间 message = { "msg_id": 629255, "time": "2023-02-11 00:41:04", "conte 阅读全文
摘要：
为了扩展默认的自动回复机器人功能，特意在后台新加了一个webhook。 那就是当填入webhook地址以后，会把访客的消息内容GET拼接请求到webhook的网址后面，这样就把信息转发到了该接口。 该接口，拿到访客消息，自行编写搜索逻辑（例如对接elk，自行对接gpt）,把响应的内容返回来。 访客端 阅读全文
摘要：
有些客户可能会有这样的需求，对历史访客会话需要能够搜索筛选。 之前，对于历史会话列表，一直就是放那没怎么去点过。因为在聊天面板界面已经能够符合我的需求，没有那么多搜索的需求。但是，还是会有客户需要根据访客时间、标签、活跃日期范围、消息记录搜索对应的访客。 所以就针对这个需要又改造优化了一点。 效果图 阅读全文
摘要：
MySQL 5.7.4及更高版本默认不允许使用'0000-00-00 00:00:00'这个特殊值，这是因为这个值不是一个有效的日期或时间。在MySQL 5.7.4之前的版本中，如果您将一个无效的日期或时间值插入到datetime类型的列中，MySQL会自动将它转换为'0000-00-00 00:0 阅读全文
摘要：
为了帮一个客户修改自己的客服系统，所以把源码在本地搭建了一下。因为，我本身就是使用golang有开发一款客服系统的，本来不愿意看这种旧版本的PHP客服源码。但是客户那边需求很少，购买我的商务版感觉不合算，所以网上找了这一个客服源码，也是流传最广的一款PHP客服系统。当然这个源码有没有后门漏洞，就需要 阅读全文
摘要：
因为GPT以及国内各大模型的发布，很多官网都设计的是，仿造流式打字效果，下面这个js库就能轻松实现。 typed.js 具体实现代码参考下面： <span id="subTitle"></span> <script src="https://unpkg.com/typed.js@2.0.15/dis 阅读全文
摘要：
为了实现批量上传GPT的知识库并且功能，那么这个上传组件就必不可少，需要能把文档上传到服务器中。 前端部分，我是采用的cdn引入的形式，引入的elmentui。该框架是有上传组件的，可以参考我的用法： action部分就是上传接口，其他三个是上传之前的处理，上传成功和失败后的回调函数 <el-upl 阅读全文
摘要：
开发GPT知识库功能时，需要上传word文档让知识库向量化，Golang读取word文档功能。 找到一个开源库 baliance.com/gooxml/document，但是只支持docx后缀，下面是使用方法 import ( "baliance.com/gooxml/document" ) fun 阅读全文
摘要：
最近OpenAI的ChatGPT持续爆火，如果我们对接了OpenAI的接口，使用官方的API KEY ，那么费用是怎么计算的呢 首先，我们只对接gpt3.5的chat接口，那么费用就是$0.002 / 1K tokens，每10000个token 2美分。 token可以简单的先理解为分词，也就是1 阅读全文
摘要：
早期的开源版客服源码，最近又重新更新了下功能，修复了一些BUG 访客聊天的时候，会在聊天链接里指定沟通的客服账号，这个账号在后台可以修改。 当修改账号以后，访客表和消息表并没有跟着一起修改，会出现修改了账号名称后，旧的访客以及消息数据就查询不到了 现在，修复这个问题，修改账号以后，同步修改访客表和消 阅读全文
摘要：
之前开发的开源在线客服系统gofly，访客端一直没有展示历史聊天记录，最近抽时间给加上了 实现的效果就是，访客刚进聊天界面，如果存在历史记录，按5条分页，默认查询加载5条聊天记录。 如果历史记录超过5条，顶部出现 “点击加载更多” 按钮，点击按钮就分页查询历史记录，堆入消息记录数组里。 访客前端js 阅读全文
摘要：
在使用客服系统的时候，访客数量一旦多了起来，想要找到某一个访客是很困难的， 很多时候我们需要快速定位到某一个访客，这里就需要用到搜索访客的功能了。 唯一客服系统的访客搜索功能 1. 访客名称搜索功能，如果我们对接了自己系统的访客名称，那么我们直接输入名称就能找到该访客了。但是，如果没有传递自己系统的 阅读全文
摘要：
uniapp项目中如果想关闭所有页面的顶部导航栏 在page.json中 "globalStyle": { "navigationStyle":"custom", }, 如果是指定某个页面关闭顶部导航栏 ,{ "path" : "pages/index/webview", "style": { "n 阅读全文
摘要：
默认情况下，当项目对接完客服系统后，可以让项目下的访客用户点击在线客服按钮，或者通过右下角弹窗，与后台客服人员进行实时交流 客服人员那里，并不能知道这个访客会员是谁，只能看到匿名的临时访客信息。因为我们没有传递自己项目下的会员信息到客服系统，所以客服系统并不显示会员信息。 现在我们可以在聊天链接，或 阅读全文
摘要：
在 Go 语言中，读取 Excel 数据可以使用第三方库 github.com/tealeg/xlsx，该库提供了丰富的 API，可以方便地读取和操作 Excel 文件。 以下是一个简单的示例代码，演示了如何使用 github.com/tealeg/xlsx 库读取 Excel 文件： import 阅读全文
摘要：
现在基于GPT相应实现自建本地知识库，必不可少的就是向量数据库，现在介绍下qdrant向量数据库的安装。 因为qdrant向量数据库只支持docker部署，所以在服务器上安装一下docker，下面是在ubutnu下安装docker apt update apt install apt-transpo 阅读全文
摘要：
近期开发私有数据知识库功能，想要实现和ChatGPT聊天效果类似的逐字流式输出展示效果。 GPT3.5本身就有流式聊天补全接口，后端Golang对接后，也需要能流式输出。下面就介绍下前端JS后端Golang来实现这种输出效果 大部分介绍是使用EventStream来实现，我现在不使用EventStr 阅读全文
摘要：
访客在线咨询有以下几个问题： 1. 访客打开聊天窗口，一般情况下都是临时访客，只存在于当前浏览器。 2. 浏览器清理缓存，或者换一个浏览器，访客ID会重新生成就会变成一个新访客。 3. 访客咨询后，关闭了聊天窗口，此时如果客服回复消息，访客会得不到通知。 使用以下方式可以解决上面的问题： 1. 访客 阅读全文
摘要：
在HTML中，有序列表(ol)和无序列表(ul)元素通常会默认有一定的内边距(padding)和外边距(margin)，这是由浏览器默认样式表所定义的。这些内边距和外边距可能导致列表向左偏移，从而出现左边超出的情况。 具体来说，ol和ul元素的默认样式表通常会定义： padding-left：列表项 阅读全文
摘要：
标题有点长，但是基本也说明出了这篇文章的主旨，那就是利用GPT AI智能回答自己设置好的问题 既能实现自己的AI知识库机器人，又能节省ChatGPT调用的token成本费用。 代码仓库地址 document.ai: 基于GPT3.5的通用本地知识库解决方案 下面图片是整个流程： 导入知识库数据 利用 阅读全文
摘要：
有段时间没去测试公众号的自动回复功能，今天一测，报错： “该公众号提供的服务出现故障，请稍后再试” 我记得之前并没有出现过这个错误，就去排查程序问题。 公众号出现该错误的原因是： 1、直接回复success（推荐方式） 2、直接回复空串（指字节长度为0的空字符串，而不是XML结构体中content字 阅读全文
摘要：
因为众所周知的原因，OpenAI的官网域名以及API域名已经被封了 所以直接调用api.openai.com的接口是访问不通的，所以我们在后台提供了配置代理域名地方 您可以自己海外服务器搭建代理域名，然后把该域名填写到后台配置处【团队设置】【机器人设置】【chatGPT配置】 同样，在该处还可以配置 阅读全文
摘要：
GPT3.5的模型接口已经出来了一段时间，之前使用Vue.js对接过该模型的接口 现在使用Golang来对接实现一下这个接口 对第三方库github.com/sashabaranov/go-openai 进行二次封装 域名部分找了一个代理域名，要不然国内服务器访问不通 import ( "conte 阅读全文
摘要：
现在客服系统的后台，对接微信公众号菜单功能，可视化编辑菜单界面有些不足 只能跳转链接，没有其他点击事件以及跳转小程序功能 其实，生成公众号菜单只是一个JSON的形式，具体的JSON内容可以参照下面示例 { "button":[ { "type":"view", "name":"联系客服", "url 阅读全文
摘要：
唯一客服系统PC客户端，利用Electron打包实现 可以避免浏览器被误关闭，支持缩小在右下角系统托盘中，支持通知栏和声音访客新消息提醒 一个Electron应用程序的package.json文件。 { "name": "kefu-pc-client", "version": "1.0.0", "d 阅读全文
摘要：
调用任何其他接口的时候，都需要先获取access_token 并且不能频繁调用，需要有缓存机制 package wechat_kf_sdk import ( "bytes" "encoding/json" "encoding/xml" "errors" "fmt" "github.com/patri 阅读全文
摘要：
在做微信客服的接口对接时，第一步就是在微信客服后台配置自己的回调URL 微信客服会往URL上get请求数据，要求把GET中的加密参数解析出来，并且原样输出，才能验证成功 下面就是使用官方的xml 版sdk 实现这个验证的类库，与测试用例 package wechat_kf_sdk // 创建微信客服 阅读全文
摘要：
golang中使用go-cache是非常普遍的，比如，我在对接微信客服接口的时候，获取access_token，默认获取一次有两个小时的有效期 这个时候，我就可以使用go-cache来缓存access_token了 下面是对go-cache的测试用例： package tools import ( 阅读全文
摘要：
浏览器中怎么查看当前网页所有资源的数据大小 在开发者工具的“网络”选项卡中，可以看到所有请求和响应的详细信息，包括每个资源的大小。如果需要查看网页所有资源的总大小，可以按照以下步骤操作： 打开要查看的网页。 打开开发者工具，切换到“网络”选项卡。 刷新网页，等待开发者工具记录所有请求和响应。 在开发 阅读全文
摘要：
golang time类型格式默认序列化为json的时候，是iso 8601格式 比如： 2023-03-09T23:43:43+08:00 ISO 8601 格式的时间表示法，常用于表示世界范围内的时间和日期。ISO 8601 格式使用连字符 "-" 分隔日期和时间部分，并以字母 "T" 分隔日期 阅读全文