摘要：
如果想实现chatGPT的网页版，调用接口就可以了，但是如果需要联系上下文语境，就需要在传递的数据的时候进行下拼接 传参的时候对所有的对话数据进行拼接，拼成下面这样 {"prompt":"(You:在吗\n)这里在哦，有什么可以帮助你的吗？(You:你这个系统多少钱\n)抱歉，您想知道什么？这里是客
阅读全文
posted @ 2023-02-07 13:01
唯一客服系统开发笔记
阅读(4023)
推荐(0)
摘要：
通过前面两篇我们已经能够知道通过接口获取chatGPT的内容了 下面这个是服务端调用chatGPT接口的代码案例： package lib import ( "fmt" "kefu/tools" "log" ) type ChatGptTool struct { Secret string } fu
阅读全文
posted @ 2023-02-06 23:02
唯一客服系统开发笔记
阅读(2663)
推荐(0)
摘要：
我们可以知道chatGPT的公开接口为： 请求接口： URL:-POST https://api.openai.com/v1/completions headers: { 'content-type': 'application/json', 'Authorization': 'Bearer ' +
阅读全文
posted @ 2023-02-06 22:48
唯一客服系统开发笔记
阅读(7635)
推荐(0)
摘要：
首先前提是已经注册了openai的会员然后，登入系统后 可以查看右上角 点击生成一个密钥 这样我们就得到了密钥
阅读全文
posted @ 2023-02-06 22:20
唯一客服系统开发笔记
阅读(2713)
推荐(0)
摘要：
vue项目的路由就相当于我们在网址url上输入的地址，访问的具体网址就是路由 拿到项目先看看路由文件，就能知道具体的访问地址了 例如下面的router.js import Vue from 'vue' import Router from 'vue-router' //登录页 import Logi
阅读全文
posted @ 2023-02-04 21:38
唯一客服系统开发笔记
阅读(263)
推荐(0)
摘要：
Vue 中使用静态资源的方式有以下几种： 直接使用 URL 地址： 在模板中直接使用静态资源的 URL 地址即可，如： <img src="https://example.com/img/logo.png" alt="Logo"> 使用 require 语句： 通过 require 语句引入静态资源
阅读全文
posted @ 2023-02-04 14:00
唯一客服系统开发笔记
阅读(120)
推荐(0)
摘要：
在之前的文章里没有介绍vue项目的目录结构，现在来介绍一下 Vue 项目的目录结构通常如下： . |-- public | |-- favicon.ico | |-- index.html |-- src | |-- assets | | |-- ... | |-- components | | |
阅读全文
posted @ 2023-02-04 12:51
唯一客服系统开发笔记
阅读(185)
推荐(0)
摘要：
我们客服系统的消息列表中，会有产品卡片展示，这个是怎么实现的呢 产品信息其实就是下面这个字符串 product[{"title":"纯坚果零食大礼包一整箱干果类网红爆款解馋小吃休闲食品送女友","price":"￥9.9","img":"https://img.alicdn.com/bao/uplo
阅读全文
posted @ 2023-02-04 12:27
唯一客服系统开发笔记
阅读(89)
推荐(0)
摘要：
我们在使用淘宝的时候，在商品页面点击在线客服，跳转到客服聊天页以后，会浮动出当前产品信息，可以把产品信息发给客服 现在我们也实现了类似功能，可以带着产品信息进聊天页面 在访客聊天连接中，加入extra参数 将base64加密的json字符串作为extra参数传递，可以参考下面json: base64
阅读全文
posted @ 2023-02-03 16:49
唯一客服系统开发笔记
阅读(320)
推荐(0)
摘要：
我们最早接触的聊天工具应该是QQ，在线聊天的客服系统应该是淘宝，我们每天都在使用这些工具去解决我们生活聊天上的一些诉求，却很少会有人有机会去了解它底层的一些逻辑和框架。这次我将我工作中的经验进行总结，做一些简单的分享。 客服系统的产品框架通常包括以下几个关键组件： 客户端：客户端是客服系统的用户界面
阅读全文
posted @ 2023-02-02 23:06
唯一客服系统开发笔记
阅读(1824)
推荐(0)
摘要：
有些参数需要在url的GET里传递，但是为了防止特殊字符问题，我转成了base64编码。 但是js进行解码的时候，总是报错： 报错: Failed to execute 'atob' on 'Window': The string to be decoded is not correctly enc
阅读全文
posted @ 2023-02-02 14:00
唯一客服系统开发笔记
阅读(192)
推荐(0)
摘要：
最早设计多商户在线客服系统的时候，没有给每一个商家设置一个唯一ID，是拿自增ID代替的。 现在给每个商家单独设计一个唯一UUID，生成好后更新到所有的用户数据里 生成UUID package tools import ( "crypto/md5" "encoding/hex" "github.com
阅读全文
posted @ 2023-02-01 15:58
唯一客服系统开发笔记
阅读(50)
推荐(0)
摘要：
在开发在线客服系统的时候，有某些地方需要使用脚本去批量执行SQL语句，这个时候就需要使用简单的执行SQL的封装函数了 查询操作是使用的原生的sql库，没用Gorm，原因是Gorm的Raw Scan必须要定义好结构体，原生的可以不需要了。执行查询语句时，将查询结果返回为[]map[string]int
阅读全文
posted @ 2023-02-01 14:28
唯一客服系统开发笔记
阅读(106)
推荐(0)
摘要：
在线即时聊天项目，最重要的就是要实时收到消息，这里实现了vue.js下的websocket，实现了断线重连，并且可以根据收到的消息进行对应的处理 /** * 连接websocket */ connect () { var _this=this; let ws = new WebSocket(this
阅读全文
posted @ 2023-01-31 16:37
唯一客服系统开发笔记
阅读(424)
推荐(0)
摘要：
在进入在线聊天界面以后，不管是历史消息，还是实时消息，都需要让最新消息展示出来。因此需要把聊天界面滚动到最底部 //滚动到底部 scrollBottom:function(){ var _this=this; this.$nextTick(function(){ var container = _t
阅读全文
posted @ 2023-01-31 15:27
唯一客服系统开发笔记
阅读(715)
推荐(0)
摘要：
当访客一进去聊天界面以后，需要获取一下历史消息展示到界面，并且需要能分页的原理展示 在顶部有一个加载更多记录的按钮，点击就能按分页获取数据 //展示历史消息记录 getHistoryList(){ var _this=this; let pagesize=5; this.$axios.get(thi
阅读全文
posted @ 2023-01-31 13:20
唯一客服系统开发笔记
阅读(357)
推荐(0)
摘要：
客服系统中在展示聊天消息时间的时候，根据当前日期与目标日期的情况进行缩短显示，如果是同一天，只显示小时、分钟、秒，如果是同一年，只显示月日小时、分钟、秒，否则显示全部，根据这样的缩短逻辑就可以进行显示了。 具体实现函数 //缩短时间 function shortTime(t){ let time=n
阅读全文
posted @ 2023-01-30 18:33
唯一客服系统开发笔记
阅读(137)
推荐(0)
摘要：
访客进行聊天窗口以后，会出现几条自动欢迎的信息，这是怎么实现的呢？ 其实纯粹是前端实现的效果，并不是后端延迟推送。前端一次性取回几条数据以后，延迟逐条展示出来的 这里就实现了一个函数，参数是一个对象数组，对象中元素有一个key是delay延迟的秒数，还有昵称头像等信息，可以传递一个回调函数，在回调函
阅读全文
posted @ 2023-01-30 17:38
唯一客服系统开发笔记
阅读(139)
推荐(0)
摘要：
当我们的在线客服系统，输入框发送消息的时候，可以直接回车发送消息，并且要支持ctrl+enter是换行操作 那么我们的html事件部分是这样写 <textarea class="chatAreaInput" v-model="visitor.message" @keyup.ctrl.enter.ex
阅读全文
posted @ 2023-01-29 22:40
唯一客服系统开发笔记
阅读(450)
推荐(0)
摘要：
我们在发送消息给用户的时候，都要进行过滤xss字符，xss是跨站脚本攻击，实质上就是发送了html或js代码，现在我们在vue项目中对内容进行一下过滤 在vue中安装如下： npm install xss 这样就在依赖里安装好了 直接在需要使用的页面 import xss from 'xss' 然后
阅读全文
posted @ 2023-01-29 21:39
唯一客服系统开发笔记
阅读(259)
推荐(0)
摘要：
在聊天输入框的上方，一般会展示一些常问的关键词，访客点击以后直接回复设置的回答 展示效果如下图所示： 直接通过接口获取数据，循环展示数据就可以了 //获取常问关键词 getTopRequest(){ var _this=this; let entId=tools.getQuery("ent_id")
阅读全文
posted @ 2023-01-29 12:52
唯一客服系统开发笔记
阅读(136)
推荐(0)
摘要：
截图功能 1、当您电脑打开了微信，按键盘 Alt + A 会出现截屏 2、当您电脑打开了QQ，按键盘 Crtl + Alt + A 会出现截屏 3、当您电脑打开了钉钉，按键盘 Crtl + Shift + A 会出现截屏 4、当您电脑打开了浏览器，一般在右上角都会有类似剪刀截屏的插件工具 5、系统自
阅读全文
posted @ 2023-01-29 11:59
唯一客服系统开发笔记
阅读(1782)
推荐(0)
摘要：
访客的初始化，很多人可能会认为放到链接websocket的时候，通过ws去发送给服务端 但是这样会有一定的问题，因为如果网络不稳定或者ws链接断了，会进行不停的重连，这样会造次多次请求初始化流程 所以我会在链接websocket之前，调用一个HTTP的访客初始化接口，这样也方便进行限流，各种账户异常
阅读全文
posted @ 2023-01-20 14:18
唯一客服系统开发笔记
阅读(111)
推荐(0)
摘要：
在开发客服系统的时候进行字符串拼接的太多，可以使用模板字符串处理 你可以使用ES6中的模板字符串来实现这个功能。模板字符串是用反引号（`）括起来的字符串，其中变量可以使用${}语法来嵌入。 例如，你可以这样使用模板字符串： let WebsocketHost = "localhost"; let v
阅读全文
posted @ 2023-01-20 13:47
唯一客服系统开发笔记
阅读(140)
推荐(0)
摘要：
封装一个函数获取URL中的GET参数 需要支持锚点链接例如：http://localhost:8080/#/chatApp?ent_id=5 具体来说 var query = window.location.search.substring(1); var hash = window.locatio
阅读全文
posted @ 2023-01-19 23:26
唯一客服系统开发笔记
阅读(155)
推荐(0)
摘要：
之前我一直使用的golang来开发客服系统，但是对于很多PHP开发者来说，有一定的学习成本。所以现在想使用PHP来实现下大体的思路，看看其中的区别 PHP是一种服务器端脚本语言，可用于开发Web应用程序，包括客服系统。WebMan框架是一个基于PHP的Web应用程序框架，可用于搭建客服系统。 现在就
阅读全文
posted @ 2023-01-19 00:28
唯一客服系统开发笔记
阅读(829)
推荐(0)
摘要：
下载证书 curl - Extract CA Certs from Mozilla https://curl.se/docs/caextract.html 配置php.ini ，把路径放上去 搞定收工
阅读全文
posted @ 2023-01-18 23:38
唯一客服系统开发笔记
阅读(359)
推荐(0)
摘要：
如果我们已经安装了PHP或者其他集成环境，但是在命令行执行php命令时还是报这个错误 那是因为没有配置环境变量 在此电脑上右键，然后看下面这张图 然后在Path变量上编辑，增加php的目录路径 然后重新开一个窗口执行下就oj了
阅读全文
posted @ 2023-01-18 23:32
唯一客服系统开发笔记
阅读(1127)
推荐(0)
摘要：
在聊天界面的输入框区域，我的实现代码是下面这样的 效果图 <div class="chatBottom"> <div class="chatArea"> <textarea class="chatAreaInput"></textarea> <div class="chatJiahaoBtn ico
阅读全文
posted @ 2023-01-15 16:59
唯一客服系统开发笔记
阅读(295)
推荐(0)
摘要：
普通引入模式下是这样的 首先，您需要在iconfont.cn上创建一个账号并添加图标。 然后，将iconfont的链接代码加入到页面的head标签中，例如： <link rel="stylesheet" href="//at.alicdn.com/t/font_123456_abcdefghijkl
阅读全文
posted @ 2023-01-15 16:32
唯一客服系统开发笔记
阅读(364)
推荐(0)
摘要：
接上面两篇继续，我来实现下对话框聊天界面，效果如下图： 全部代码： <template> <div class="chatAppBody"> <div class="chatTitle">标题</div> <div class="chatBox"> <div class="chatRow"> <el
阅读全文
posted @ 2023-01-14 13:20
唯一客服系统开发笔记
阅读(2238)
推荐(0)
摘要：
我想要实现的效果是，三个元素，第一个是标题，第二个是消息列表是自适应高度的，第三个是输入框 <template> <div class="chatAppBody"> <div class="chatTitle">标题</div> <div class="chatBox">消息列表</div> <di
阅读全文
posted @ 2023-01-13 22:47
唯一客服系统开发笔记
阅读(258)
推荐(0)
摘要：
Vue应用程序设置一些基本配置，包括使用依赖项，设置路由，挂载组件等。这样就可以使用Vue框架开发应用程序了 先来看看我的客服系统项目的package.json { "name": "VueLiveChat", "version": "0.0.1", "private": true, "script
阅读全文
posted @ 2023-01-13 22:14
唯一客服系统开发笔记
阅读(508)
推荐(0)
摘要：
UniApp是一个使用 Vue.js 框架开发的跨平台应用程序，可以在 iOS、Android、H5、微信小程序、支付宝小程序、字节跳动小程序等多个平台上运行。 如果要在 UniApp 中接入第三方客服代码 如果要在 UniApp 中接入第三方客服系统（比如唯一客服系统gofly.v1kf.com）
阅读全文
posted @ 2023-01-12 23:06
唯一客服系统开发笔记
阅读(1288)
推荐(0)
摘要：
在网站上自动邀请和主动邀请访客对话可以通过客服工具来实现。 自动邀请通常是在访客访问网站上的特定页面或访问时间达到一定时长后，使用 JavaScript 代码自动弹出邀请对话框。 主动邀请则是在客服人员手动点击按钮或手动发起邀请后，使用 JavaScript 代码弹出邀请对话框。 这些工具有很多种，
阅读全文
posted @ 2023-01-12 11:52
唯一客服系统开发笔记
阅读(196)
推荐(0)
摘要：
人工客服系统对网站有许多好处，其中一些主要的有: 增加客户满意度: 客服人员可以直接回答客户的问题，提供有效的帮助，这可以提高客户对网站的满意度。 提高转化率: 通过实时互动和个性化沟通可以提高客户的转化率，增加销售额。 提高客户忠诚度: 客服人员可以通过与客户建立关系来提高客户对网站的忠诚度。 提
阅读全文
posted @ 2023-01-11 23:08
唯一客服系统开发笔记
阅读(246)
推荐(0)
摘要：
我在自己的在线客服系统中实现了主动邀请在线访客聊天的功能 虽然前面四篇已经实现了大部分了，现在还是要简介下原理： 在网站中实时向在线访客推送消息可以使用 WebSockets 来实现。WebSockets 是一种在单个 TCP 连接上进行全双工通信的协议。它允许网页与服务器进行双向通信，而不必受到
阅读全文
posted @ 2023-01-11 16:06
唯一客服系统开发笔记
阅读(140)
推荐(0)
摘要：
浏览器navigator能获取到一些有用的访客信息 可以使用 JavaScript 的 navigator 对象来获取当前浏览器的信息。 下面是 navigator 对象可以获取到的一些有用的信息： navigator.appCodeName：浏览器的代码名称。 navigator.appName：
阅读全文
posted @ 2023-01-09 20:50
唯一客服系统开发笔记
阅读(168)
推荐(0)
摘要：
我开发的客服系统有中英文切换功能，并且能根据浏览器自动识别中英文 也可以根据url参数中的lang来识别，还能根据localStorge里面的参数进行识别 它会检查URL中是否有合法的lang参数，如果有，则直接返回。如果没有，则检查本地存储（local storage）中是否有合法的lang参数，
阅读全文
posted @ 2023-01-09 12:50
唯一客服系统开发笔记
阅读(149)
推荐(0)
摘要：
在使用我的客服系统时，如果引入了我的js ，就可以实时看到网站上的所有访客了 使用 WebSocket 技术来实现实时通信。 在访客登录或退出时，向指定客服的 WebSocket 客户端发送消息。例如，你可以在访客登录时，向指定客服的 WebSocket 客户端发送一条消息，告诉客户端有一个新的访客
阅读全文
posted @ 2023-01-09 00:13
唯一客服系统开发笔记
阅读(128)
推荐(0)
浙公网安备 33010602011771号