02 2023 档案
摘要:类似PHP json_encode和json_decode 的用法 /* data := map[string]interface{}{ "name": "Tom", "age": 18, "gender": "male", } str, err := JsonEncode(data) */ fun
阅读全文
摘要:最近客服系统对接了一下企业微信的机器人 企业成员(内部)群机器人 只能在企业微信内部群里添加,设置好机器人头像名称之后会得到一个webhook,创建者可使用此wenhook去调用相关api向群里推送消息,消息发送方式及类型可查阅文档。 自建应用机器人 企业管理员可在管理后台自建应用来作为机器人,打开
阅读全文
摘要:在线客服系统:在线客服系统是一种通过网站或APP提供在线客服服务的平台。 在这个平台上,用户可以向客服人员咨询问题或寻求帮助,客服人员则可以实时回答问题和提供帮助。 这种系统可以提高客户满意度,增加客户黏性,同时也能为企业带来更多的商机。 客服系统源码或私有化部署方案提供商(gofly.v1kf.c
阅读全文
摘要:前言 经常有很多意向客户多次来访问我们网站,有时候会通过不同的设备来访问的,这个时候就会变成一个新访客 所以通过同IP个数,以及查询同IP下的访客列表,来看看所有之前的聊天信息 这样可以同IP下,换了设备,或者清除了浏览器标识后,不知道这个人是谁的问题 解决 当点击一个访客的时候,可以在右面看到同I
阅读全文
摘要:在客服系统聊天链接里,可以带上自己网站的会员信息,例如:昵称、头像、手机号等 具体使用方式如下 聊天链接中增加以下参数: visitor_id: 自有会员visitor_name: 自有会员名称avator: 自有会员头像lang: 多语言 cn 中文 , en英文,tw繁体 visitor_id=
阅读全文
摘要:客服系统(gofly.v1kf.com)后台有这个功能,可以直接复制文本信息,JS实现的函数 function copyToClipboard(text) { var dummy = document.createElement("input"); // 创建一个input元素 document.b
阅读全文
摘要:要实现跨境外贸的可翻译客服系统(gofly.v1kf.com),我们需要一个能够将多种语言互相转换的翻译 API。常用的翻译 API 包括 Google Translate API、Microsoft Translator API 等。在本示例中,我以 百度翻译 API 为例进行说明。 首先,我们需
阅读全文
摘要:客服机器人是一种基于人工智能技术的自动化客服解决方案,它可以模拟人类客服工作并与客户进行对话,以提供即时且准确的帮助和支持,我在自己客服系统(gofly.v1kf.com)中使用了下面的算法实现关键词匹配,先计算分值,然后拿出分值最高的匹配项 我实现封装的函数库如下: package lib imp
阅读全文
摘要:前言 实现在线客服系统的租用功能,并为您提供更多的选择,帮助您拓展您的业务。我的客服系统支持在线租用(gofly.v1kf.com),使用以下方式实现了租用功能 确定租用方式:您可以考虑按照时间租用或者按照使用量收费,或者两者兼备。您需要制定清晰的价格策略并考虑如何收取费用。 开发租用功能:您需要在
阅读全文
摘要:自建商城或会员系统如何对接在线客服咨询系统,例如商城系统、物流订单系统接入在线客服功能 对接在线客服咨询系统可以帮助您的客户更快地获得问题解答和支持,提升客户满意度和忠诚度。 在商品详情页面传递产品信息 在进入产品详情页面以后,需要给聊天链接拼接extra参数,该参数的生成规则是 base64编码以
阅读全文
摘要:前面已经说过了如何对接chatGPT的接口,下面是PHP的代码版本 <?php define('OPENAI_API_KEY', '你的API KEY'); $prompt = $_GET['prompt']; $response = sendPostRequest($prompt); echo $
阅读全文
摘要:需求 为自己网站部署好客服系统代码后,需要打开聊天后就能自动发送消息 解决 当访客打开聊天窗口一下,可以在下面的设置区配置自动打招呼欢迎语,可以去设置下客服系统自动回复消息 可以配置多条消息,并且回复消息内容里可以配置点击回复列表, 如果需要配置点击回复列表,只需要把文本内容添加超链接,链接地址填
阅读全文
摘要:在优化MySQL查询的时候,在explain中看到了 详细解释: MySQL中的MRR指的是Multi-Range Read,即多范围读取。 在MySQL 5.6及更高版本中,当使用InnoDB存储引擎时,MRR是一种优化查询的技术,它可以在读取多个索引范围时减少磁盘I/O和CPU消耗。 通常情况下
阅读全文
摘要:需求 用户可以设置关键词回复,默认是以英文逗号分隔,但是很多人会打成中文逗号,需要能兼容处理 解决 为了实现客服系统关键词分隔符切分,封装js实现根据多个分隔符分隔字符串为数组, split() 方法支持传递正则表达式作为分隔符。因此,你可以传递一个包含多个分隔字符的正则表达式,从而实现根据多个分隔
阅读全文
摘要:如果想要实现共享屏幕,首先需要获取本地屏幕媒体流 navigator.mediaDevices.getDisplayMedia() 方法是 WebRTC 的一部分,它可以在现代桌面浏览器中获取屏幕或应用程序的视频和音频流,但是并不是所有的移动设备和移动浏览器都支持该 API。 在 iOS 设备上,S
阅读全文
摘要:为了能够实现共享屏幕,我们第一步需要把屏幕的视频流获取到 现在就通过js来获取到本地屏幕流并展示 要在JavaScript中获取屏幕视频流,您可以使用WebRTC技术中的getDisplayMedia方法。该方法可以在现代浏览器中使用,例如Google Chrome和Mozilla Firefox。
阅读全文
摘要:需求 在客服APP或H5验证失效,或者点击退出登录后,在登录页仍然会收到WebSocket发来的消息 解决方法 这是因为uniapp跳转到登录页时,仍然保留着之前的页面栈,我需要在登录页强制刷新一下,就能清掉页面栈 在登录页获取下页面栈的个数,大于1的时候,说明有其他的页面,就强制刷新 // 页面显
阅读全文
摘要:需求 目前,我们已经开发了自营的客服系统,当有客户需要自己服务器独立部署客服系统时,我们客服APP或客服H5的接口域名就得更改成客户自己的域名 不可能每次一个客户来,我们就在代码中换成客户域名 解决方法 所以需要在登录的时候,让客户把域名手动填进来,然后调用输入域名下的接口 类似下面页面的设计 客户
阅读全文
摘要:在使用uniapp开发在线客服系统时,当设置了标题栏,那么在项目的所有页面中都会显示出标题 pages.json "globalStyle": { "navigationBarTextStyle": "black", "navigationBarTitleText": "客服助手", "naviga
阅读全文
摘要:前言 目前,即时通讯在线咨询在网站、APP、小程序中已经是不可获取的功能,尤其是专注于线上营销的商家,迫切需要一套可以随时与访客交流的即时通讯工具。 如果使用市面上的SaaS客服系统,会在功能上受限制,需要开通高级VIP,才能更好的使用,所以这些商家迫切需要可以私有化独立部署的客服系统,来满足自己的
阅读全文
摘要:2023年榜单规则依据 在线客服系统十大品牌榜数据由CNPP品牌榜中榜大数据「研究院」和CN10排排榜技术「研究院」通过资料收集整理,并基于大数据统计及人为根据市场和参数条件变化的分析研究专业测评而得出,是大数据、云计算、数据统计真实客观呈现的结果,CN10/CNPP是中国历史悠久且客观公正的测评研
阅读全文
摘要:在开发私有chatGPT的时候,如果我们使用官方的基础模型,那么回答的问题可能不符合我们自己的预设答案 现在就是通过官方的训练方法,提供一部分数据进去,训练出自己的私有模型 按照工具 pip install --upgrade openai 设置环境变量 export OPENAI_API_KEY=
阅读全文
摘要:微调 了解如何为应用程序自定义模型。 介绍 通过微调,您可以通过提供以下内容从通过 API 提供的模型中获得更多收益: 比提示设计更高质量的结果 能够训练比提示所能容纳的更多示例 由于提示时间较短,可以节省token 更低的延迟请求 GPT-3 已经对来自开放互联网的大量文本进行了预训练。当给出一个
阅读全文
摘要:之前在搜索婚纱摄影服务的时候,很多大的品牌机构都有自己的网站,浏览这些网站就能看到他们的营销思路 打开网站以后就能看到右下角弹出了咨询弹窗 在咨询弹窗内会自动回复多条消息,一般是简单介绍自己的品牌,强调自己是人工在线,让访客开口咨询,以及引导加微信 在输入框上方会设置一个常用搜索词,点击常用搜索词,
阅读全文
摘要:在开发webRTC的语音和视频通话功能的时候,需要展示出媒体流,这样就需要一个下面这样的效果 html部分代码 <!--视频--> <div class="remoteVideoMask"> <img id="remoteVideoMaskLogo" :src="noticeAvatar" /> <
阅读全文
摘要:绝对定位 + 负边距:使用绝对定位并设置左右负边距和上下负边距,就可以实现水平和垂直居中的效果。 .center-element { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } flex 布
阅读全文
摘要:当我们接收到音视频流MediaStream对象以后,我们需要知道这是视频还是音频 才能去以正确的标签展示,可以看下面的判断 console.log("call stream",remoteStream); var videoTracks = remoteStream.getVideoTracks()
阅读全文
摘要:webRTC机制和peerjs库的介绍在其他博客中已经有了很多介绍,这里我直接搬运过来 一、webrtc回顾 WebRTC(Web Real-Time Communication)即:网页即时通信。 简单点讲,它可以实现浏览器网页与网页之间的音视频实时通信(或传输其它任何数据),目前主流浏览器都支持
阅读全文
摘要:getUserMedia() 是一个 JavaScript API,允许你访问用户的音频和视频设备(如摄像头和麦克风)。在不同的浏览器中,它的实现略有不同,但是你可以使用以下代码来实现一个最兼容的版本: //兼容的getUserMedia function getCompatibleUserMedi
阅读全文
摘要:通过嵌入JS代码的方式 UniApp是一个使用 Vue.js 框架开发的跨平台应用程序,可以在 iOS、Android、H5、微信小程序、支付宝小程序、字节跳动小程序等多个平台上运行。 如果要在 UniApp 中接入第三方客服代码 如果要在 UniApp 中接入第三方客服系统(比如唯一客服系统gof
阅读全文
摘要:很多App都有能直接在App内找到客服咨询入口,方便及时解决客户问题。 如果你的app也想要配置客服系统,怎么才能实现? App内需要添加好一个客户咨询按钮,然后在客服咨询按钮点击后跳转到H5客服聊天页面,用户可以在H5页面进行问题咨询,如下图示界面 用户离线后怎么通知它? 唯一客服系统有客服消息回
阅读全文
摘要:当我们的网站收到一条新消息的时候,需要能通知给正在访问网页的人员 浏览器打开的情况下,可以展示在电脑桌面右下角(需要在HTTPS环境下) //浏览器桌面通知 function notify(title, options, callback) { // 先检查浏览器是否支持 if (!window.N
阅读全文
摘要:快速开始 OpenAI 训练了非常擅长理解和生成文本的尖端语言模型。我们的 API 提供对这些模型的访问,可用于解决几乎任何涉及处理语言的任务。 在本快速入门教程中,您将构建一个简单的示例应用程序。 在此过程中,您将学习使用 API 完成任何任务的关键概念和技术,包括: 内容生成 总结 分类、分类和
阅读全文
摘要:openai文本生成接口,是根据模型来确定价格的,不同的模型价格不同 有三个月的免费18美元试用额度 基础模型 Ada (艾达最快)每1000 tokens是$0.0004 Babbage(巴贝奇)每1000 tokens是$0.0005 Curie(居里)每1000 tokens是$0.0020
阅读全文
摘要:使用 OpenAI 的强大模型构建下一代应用程序。 GPT-3可以执行各种自然语言任务、Codex 可以将自然语言转换为代码的 ,DALL·E,用于创建和编辑原始图像。 DALL·E 开发人员现在可以开始使用,已经有超过3万人已经在使用DALL·E来扩展他们的创造力并加快他们的工作流程,每天生成超过
阅读全文
摘要:介绍 概述 OpenAI API 几乎可以应用于任何涉及理解或生成自然语言或代码的任务。我们提供一系列具有不同功率水平的型号,适用于不同的任务,并能够微调您自己的定制模型。这些模型可用于从内容生成到语义搜索和分类的所有内容。 关键概念 我们建议完成快速入门教程,通过动手的交互式示例熟悉关键概念。 快
阅读全文
摘要:经过前面几篇的开发,已经实现了基本逻辑,现在公开出来进行测试 注册并生成好自己的密钥,把密钥放入下面的网址中 https://gofly.v1kf.com/vue/index.html#/chatGPT?secret=密钥 感兴趣的朋友可以点击下面网址 演示网址
阅读全文
摘要:在根目录下添加 `vue.config.js`作为配置文件 module.exports = { //配置 运行和打包时的文件路径 publicPath:process.env.NODE_ENV 'production'?'./':'/', } 重新打包,就可以了 npm run build
阅读全文
摘要:如果想实现chatGPT的网页版,调用接口就可以了,但是如果需要联系上下文语境,就需要在传递的数据的时候进行下拼接 传参的时候对所有的对话数据进行拼接,拼成下面这样 {"prompt":"(You:在吗\n)这里在哦,有什么可以帮助你的吗?(You:你这个系统多少钱\n)抱歉,您想知道什么?这里是客
阅读全文
摘要:通过前面两篇我们已经能够知道通过接口获取chatGPT的内容了 下面这个是服务端调用chatGPT接口的代码案例: package lib import ( "fmt" "kefu/tools" "log" ) type ChatGptTool struct { Secret string } fu
阅读全文
摘要:我们可以知道chatGPT的公开接口为: 请求接口: URL:-POST https://api.openai.com/v1/completions headers: { 'content-type': 'application/json', 'Authorization': 'Bearer ' +
阅读全文
摘要:首先前提是已经注册了openai的会员然后,登入系统后 可以查看右上角 点击生成一个密钥 这样我们就得到了密钥
阅读全文
摘要:vue项目的路由就相当于我们在网址url上输入的地址,访问的具体网址就是路由 拿到项目先看看路由文件,就能知道具体的访问地址了 例如下面的router.js import Vue from 'vue' import Router from 'vue-router' //登录页 import Logi
阅读全文
摘要:Vue 中使用静态资源的方式有以下几种: 直接使用 URL 地址: 在模板中直接使用静态资源的 URL 地址即可,如: <img src="https://example.com/img/logo.png" alt="Logo"> 使用 require 语句: 通过 require 语句引入静态资源
阅读全文
摘要:在之前的文章里没有介绍vue项目的目录结构,现在来介绍一下 Vue 项目的目录结构通常如下: . |-- public | |-- favicon.ico | |-- index.html |-- src | |-- assets | | |-- ... | |-- components | | |
阅读全文
摘要:我们客服系统的消息列表中,会有产品卡片展示,这个是怎么实现的呢 产品信息其实就是下面这个字符串 product[{"title":"纯坚果零食大礼包一整箱干果类网红爆款解馋小吃休闲食品送女友","price":"¥9.9","img":"https://img.alicdn.com/bao/uplo
阅读全文
摘要:我们在使用淘宝的时候,在商品页面点击在线客服,跳转到客服聊天页以后,会浮动出当前产品信息,可以把产品信息发给客服 现在我们也实现了类似功能,可以带着产品信息进聊天页面 在访客聊天连接中,加入extra参数 将base64加密的json字符串作为extra参数传递,可以参考下面json: base64
阅读全文
摘要:我们最早接触的聊天工具应该是QQ,在线聊天的客服系统应该是淘宝,我们每天都在使用这些工具去解决我们生活聊天上的一些诉求,却很少会有人有机会去了解它底层的一些逻辑和框架。这次我将我工作中的经验进行总结,做一些简单的分享。 客服系统的产品框架通常包括以下几个关键组件: 客户端:客户端是客服系统的用户界面
阅读全文
摘要:有些参数需要在url的GET里传递,但是为了防止特殊字符问题,我转成了base64编码。 但是js进行解码的时候,总是报错: 报错: Failed to execute 'atob' on 'Window': The string to be decoded is not correctly enc
阅读全文
摘要:最早设计多商户在线客服系统的时候,没有给每一个商家设置一个唯一ID,是拿自增ID代替的。 现在给每个商家单独设计一个唯一UUID,生成好后更新到所有的用户数据里 生成UUID package tools import ( "crypto/md5" "encoding/hex" "github.com
阅读全文
摘要:在开发在线客服系统的时候,有某些地方需要使用脚本去批量执行SQL语句,这个时候就需要使用简单的执行SQL的封装函数了 查询操作是使用的原生的sql库,没用Gorm,原因是Gorm的Raw Scan必须要定义好结构体,原生的可以不需要了。执行查询语句时,将查询结果返回为[]map[string]int
阅读全文