上一页 1 ··· 7 8 9 10 11 12 13 14 15 ··· 54 下一页
摘要: 为了能够实现共享屏幕,我们第一步需要把屏幕的视频流获取到 现在就通过js来获取到本地屏幕流并展示 要在JavaScript中获取屏幕视频流,您可以使用WebRTC技术中的getDisplayMedia方法。该方法可以在现代浏览器中使用,例如Google Chrome和Mozilla Firefox。 阅读全文
posted @ 2023-02-16 23:37 唯一客服系统开发笔记 阅读(69) 评论(0) 推荐(0) 编辑
摘要: 需求 在客服APP或H5验证失效,或者点击退出登录后,在登录页仍然会收到WebSocket发来的消息 解决方法 这是因为uniapp跳转到登录页时,仍然保留着之前的页面栈,我需要在登录页强制刷新一下,就能清掉页面栈 在登录页获取下页面栈的个数,大于1的时候,说明有其他的页面,就强制刷新 // 页面显 阅读全文
posted @ 2023-02-16 14:15 唯一客服系统开发笔记 阅读(57) 评论(0) 推荐(0) 编辑
摘要: 需求 目前,我们已经开发了自营的客服系统,当有客户需要自己服务器独立部署客服系统时,我们客服APP或客服H5的接口域名就得更改成客户自己的域名 不可能每次一个客户来,我们就在代码中换成客户域名 解决方法 所以需要在登录的时候,让客户把域名手动填进来,然后调用输入域名下的接口 类似下面页面的设计 客户 阅读全文
posted @ 2023-02-16 13:21 唯一客服系统开发笔记 阅读(127) 评论(0) 推荐(0) 编辑
摘要: 在使用uniapp开发在线客服系统时,当设置了标题栏,那么在项目的所有页面中都会显示出标题 pages.json "globalStyle": { "navigationBarTextStyle": "black", "navigationBarTitleText": "客服助手", "naviga 阅读全文
posted @ 2023-02-16 12:23 唯一客服系统开发笔记 阅读(411) 评论(0) 推荐(0) 编辑
摘要: 前言 目前,即时通讯在线咨询在网站、APP、小程序中已经是不可获取的功能,尤其是专注于线上营销的商家,迫切需要一套可以随时与访客交流的即时通讯工具。 如果使用市面上的SaaS客服系统,会在功能上受限制,需要开通高级VIP,才能更好的使用,所以这些商家迫切需要可以私有化独立部署的客服系统,来满足自己的 阅读全文
posted @ 2023-02-16 00:00 唯一客服系统开发笔记 阅读(913) 评论(0) 推荐(0) 编辑
摘要: 2023年榜单规则依据 在线客服系统十大品牌榜数据由CNPP品牌榜中榜大数据「研究院」和CN10排排榜技术「研究院」通过资料收集整理,并基于大数据统计及人为根据市场和参数条件变化的分析研究专业测评而得出,是大数据、云计算、数据统计真实客观呈现的结果,CN10/CNPP是中国历史悠久且客观公正的测评研 阅读全文
posted @ 2023-02-15 21:22 唯一客服系统开发笔记 阅读(953) 评论(0) 推荐(0) 编辑
摘要: 在开发私有chatGPT的时候,如果我们使用官方的基础模型,那么回答的问题可能不符合我们自己的预设答案 现在就是通过官方的训练方法,提供一部分数据进去,训练出自己的私有模型 按照工具 pip install --upgrade openai 设置环境变量 export OPENAI_API_KEY= 阅读全文
posted @ 2023-02-15 14:21 唯一客服系统开发笔记 阅读(511) 评论(0) 推荐(1) 编辑
摘要: 微调 了解如何为应用程序自定义模型。 介绍 通过微调,您可以通过提供以下内容从通过 API 提供的模型中获得更多收益: 比提示设计更高质量的结果 能够训练比提示所能容纳的更多示例 由于提示时间较短,可以节省token 更低的延迟请求 GPT-3 已经对来自开放互联网的大量文本进行了预训练。当给出一个 阅读全文
posted @ 2023-02-14 17:18 唯一客服系统开发笔记 阅读(3355) 评论(0) 推荐(1) 编辑
摘要: 之前在搜索婚纱摄影服务的时候,很多大的品牌机构都有自己的网站,浏览这些网站就能看到他们的营销思路 打开网站以后就能看到右下角弹出了咨询弹窗 在咨询弹窗内会自动回复多条消息,一般是简单介绍自己的品牌,强调自己是人工在线,让访客开口咨询,以及引导加微信 在输入框上方会设置一个常用搜索词,点击常用搜索词, 阅读全文
posted @ 2023-02-14 13:16 唯一客服系统开发笔记 阅读(203) 评论(0) 推荐(0) 编辑
摘要: 在开发webRTC的语音和视频通话功能的时候,需要展示出媒体流,这样就需要一个下面这样的效果 html部分代码 <!--视频--> <div class="remoteVideoMask"> <img id="remoteVideoMaskLogo" :src="noticeAvatar" /> < 阅读全文
posted @ 2023-02-13 22:30 唯一客服系统开发笔记 阅读(246) 评论(0) 推荐(0) 编辑
摘要: 绝对定位 + 负边距:使用绝对定位并设置左右负边距和上下负边距,就可以实现水平和垂直居中的效果。 .center-element { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } flex 布 阅读全文
posted @ 2023-02-13 21:33 唯一客服系统开发笔记 阅读(196) 评论(0) 推荐(0) 编辑
摘要: 当我们接收到音视频流MediaStream对象以后,我们需要知道这是视频还是音频 才能去以正确的标签展示,可以看下面的判断 console.log("call stream",remoteStream); var videoTracks = remoteStream.getVideoTracks() 阅读全文
posted @ 2023-02-12 23:37 唯一客服系统开发笔记 阅读(45) 评论(0) 推荐(0) 编辑
摘要: webRTC机制和peerjs库的介绍在其他博客中已经有了很多介绍,这里我直接搬运过来 一、webrtc回顾 WebRTC(Web Real-Time Communication)即:网页即时通信。 简单点讲,它可以实现浏览器网页与网页之间的音视频实时通信(或传输其它任何数据),目前主流浏览器都支持 阅读全文
posted @ 2023-02-12 22:59 唯一客服系统开发笔记 阅读(533) 评论(0) 推荐(0) 编辑
摘要: getUserMedia() 是一个 JavaScript API,允许你访问用户的音频和视频设备(如摄像头和麦克风)。在不同的浏览器中,它的实现略有不同,但是你可以使用以下代码来实现一个最兼容的版本: //兼容的getUserMedia function getCompatibleUserMedi 阅读全文
posted @ 2023-02-11 16:48 唯一客服系统开发笔记 阅读(307) 评论(0) 推荐(0) 编辑
摘要: 通过嵌入JS代码的方式 UniApp是一个使用 Vue.js 框架开发的跨平台应用程序,可以在 iOS、Android、H5、微信小程序、支付宝小程序、字节跳动小程序等多个平台上运行。 如果要在 UniApp 中接入第三方客服代码 如果要在 UniApp 中接入第三方客服系统(比如唯一客服系统gof 阅读全文
posted @ 2023-02-11 15:19 唯一客服系统开发笔记 阅读(1108) 评论(0) 推荐(0) 编辑
摘要: 很多App都有能直接在App内找到客服咨询入口,方便及时解决客户问题。 如果你的app也想要配置客服系统,怎么才能实现? App内需要添加好一个客户咨询按钮,然后在客服咨询按钮点击后跳转到H5客服聊天页面,用户可以在H5页面进行问题咨询,如下图示界面 用户离线后怎么通知它? 唯一客服系统有客服消息回 阅读全文
posted @ 2023-02-11 11:57 唯一客服系统开发笔记 阅读(357) 评论(0) 推荐(0) 编辑
摘要: 当我们的网站收到一条新消息的时候,需要能通知给正在访问网页的人员 浏览器打开的情况下,可以展示在电脑桌面右下角(需要在HTTPS环境下) //浏览器桌面通知 function notify(title, options, callback) { // 先检查浏览器是否支持 if (!window.N 阅读全文
posted @ 2023-02-11 00:39 唯一客服系统开发笔记 阅读(376) 评论(0) 推荐(0) 编辑
摘要: 快速开始 OpenAI 训练了非常擅长理解和生成文本的尖端语言模型。我们的 API 提供对这些模型的访问,可用于解决几乎任何涉及处理语言的任务。 在本快速入门教程中,您将构建一个简单的示例应用程序。 在此过程中,您将学习使用 API 完成任何任务的关键概念和技术,包括: 内容生成 总结 分类、分类和 阅读全文
posted @ 2023-02-10 23:06 唯一客服系统开发笔记 阅读(672) 评论(0) 推荐(0) 编辑
摘要: openai文本生成接口,是根据模型来确定价格的,不同的模型价格不同 有三个月的免费18美元试用额度 基础模型 Ada (艾达最快)每1000 tokens是$0.0004 Babbage(巴贝奇)每1000 tokens是$0.0005 Curie(居里)每1000 tokens是$0.0020 阅读全文
posted @ 2023-02-10 11:34 唯一客服系统开发笔记 阅读(1663) 评论(0) 推荐(0) 编辑
摘要: 使用 OpenAI 的强大模型构建下一代应用程序。 GPT-3可以执行各种自然语言任务、Codex 可以将自然语言转换为代码的 ,DALL·E,用于创建和编辑原始图像。 DALL·E 开发人员现在可以开始使用,已经有超过3万人已经在使用DALL·E来扩展他们的创造力并加快他们的工作流程,每天生成超过 阅读全文
posted @ 2023-02-10 10:59 唯一客服系统开发笔记 阅读(521) 评论(0) 推荐(0) 编辑
摘要: 介绍 概述 OpenAI API 几乎可以应用于任何涉及理解或生成自然语言或代码的任务。我们提供一系列具有不同功率水平的型号,适用于不同的任务,并能够微调您自己的定制模型。这些模型可用于从内容生成到语义搜索和分类的所有内容。 关键概念 我们建议完成快速入门教程,通过动手的交互式示例熟悉关键概念。 快 阅读全文
posted @ 2023-02-09 13:35 唯一客服系统开发笔记 阅读(1062) 评论(0) 推荐(0) 编辑
摘要: 经过前面几篇的开发,已经实现了基本逻辑,现在公开出来进行测试 注册并生成好自己的密钥,把密钥放入下面的网址中 https://gofly.v1kf.com/vue/index.html#/chatGPT?secret=密钥 感兴趣的朋友可以点击下面网址 演示网址 阅读全文
posted @ 2023-02-07 19:08 唯一客服系统开发笔记 阅读(454) 评论(0) 推荐(0) 编辑
摘要: 在根目录下添加 `vue.config.js`作为配置文件 module.exports = { //配置 运行和打包时的文件路径 publicPath:process.env.NODE_ENV 'production'?'./':'/', } 重新打包,就可以了 npm run build 阅读全文
posted @ 2023-02-07 18:54 唯一客服系统开发笔记 阅读(279) 评论(0) 推荐(0) 编辑
摘要: 如果想实现chatGPT的网页版,调用接口就可以了,但是如果需要联系上下文语境,就需要在传递的数据的时候进行下拼接 传参的时候对所有的对话数据进行拼接,拼成下面这样 {"prompt":"(You:在吗\n)这里在哦,有什么可以帮助你的吗?(You:你这个系统多少钱\n)抱歉,您想知道什么?这里是客 阅读全文
posted @ 2023-02-07 13:01 唯一客服系统开发笔记 阅读(3835) 评论(0) 推荐(0) 编辑
摘要: 通过前面两篇我们已经能够知道通过接口获取chatGPT的内容了 下面这个是服务端调用chatGPT接口的代码案例: package lib import ( "fmt" "kefu/tools" "log" ) type ChatGptTool struct { Secret string } fu 阅读全文
posted @ 2023-02-06 23:02 唯一客服系统开发笔记 阅读(2615) 评论(0) 推荐(0) 编辑
摘要: 我们可以知道chatGPT的公开接口为: 请求接口: URL:-POST https://api.openai.com/v1/completions headers: { 'content-type': 'application/json', 'Authorization': 'Bearer ' + 阅读全文
posted @ 2023-02-06 22:48 唯一客服系统开发笔记 阅读(7568) 评论(0) 推荐(0) 编辑
摘要: 首先前提是已经注册了openai的会员然后,登入系统后 可以查看右上角 点击生成一个密钥 这样我们就得到了密钥 阅读全文
posted @ 2023-02-06 22:20 唯一客服系统开发笔记 阅读(2622) 评论(0) 推荐(0) 编辑
摘要: vue项目的路由就相当于我们在网址url上输入的地址,访问的具体网址就是路由 拿到项目先看看路由文件,就能知道具体的访问地址了 例如下面的router.js import Vue from 'vue' import Router from 'vue-router' //登录页 import Logi 阅读全文
posted @ 2023-02-04 21:38 唯一客服系统开发笔记 阅读(194) 评论(0) 推荐(0) 编辑
摘要: Vue 中使用静态资源的方式有以下几种: 直接使用 URL 地址: 在模板中直接使用静态资源的 URL 地址即可,如: <img src="https://example.com/img/logo.png" alt="Logo"> 使用 require 语句: 通过 require 语句引入静态资源 阅读全文
posted @ 2023-02-04 14:00 唯一客服系统开发笔记 阅读(103) 评论(0) 推荐(0) 编辑
摘要: 在之前的文章里没有介绍vue项目的目录结构,现在来介绍一下 Vue 项目的目录结构通常如下: . |-- public | |-- favicon.ico | |-- index.html |-- src | |-- assets | | |-- ... | |-- components | | | 阅读全文
posted @ 2023-02-04 12:51 唯一客服系统开发笔记 阅读(144) 评论(0) 推荐(0) 编辑
摘要: 我们客服系统的消息列表中,会有产品卡片展示,这个是怎么实现的呢 产品信息其实就是下面这个字符串 product[{"title":"纯坚果零食大礼包一整箱干果类网红爆款解馋小吃休闲食品送女友","price":"¥9.9","img":"https://img.alicdn.com/bao/uplo 阅读全文
posted @ 2023-02-04 12:27 唯一客服系统开发笔记 阅读(69) 评论(0) 推荐(0) 编辑
摘要: 我们在使用淘宝的时候,在商品页面点击在线客服,跳转到客服聊天页以后,会浮动出当前产品信息,可以把产品信息发给客服 现在我们也实现了类似功能,可以带着产品信息进聊天页面 在访客聊天连接中,加入extra参数 将base64加密的json字符串作为extra参数传递,可以参考下面json: base64 阅读全文
posted @ 2023-02-03 16:49 唯一客服系统开发笔记 阅读(235) 评论(0) 推荐(0) 编辑
摘要: 我们最早接触的聊天工具应该是QQ,在线聊天的客服系统应该是淘宝,我们每天都在使用这些工具去解决我们生活聊天上的一些诉求,却很少会有人有机会去了解它底层的一些逻辑和框架。这次我将我工作中的经验进行总结,做一些简单的分享。 客服系统的产品框架通常包括以下几个关键组件: 客户端:客户端是客服系统的用户界面 阅读全文
posted @ 2023-02-02 23:06 唯一客服系统开发笔记 阅读(1540) 评论(0) 推荐(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 唯一客服系统开发笔记 阅读(145) 评论(0) 推荐(0) 编辑
摘要: 最早设计多商户在线客服系统的时候,没有给每一个商家设置一个唯一ID,是拿自增ID代替的。 现在给每个商家单独设计一个唯一UUID,生成好后更新到所有的用户数据里 生成UUID package tools import ( "crypto/md5" "encoding/hex" "github.com 阅读全文
posted @ 2023-02-01 15:58 唯一客服系统开发笔记 阅读(40) 评论(0) 推荐(0) 编辑
摘要: 在开发在线客服系统的时候,有某些地方需要使用脚本去批量执行SQL语句,这个时候就需要使用简单的执行SQL的封装函数了 查询操作是使用的原生的sql库,没用Gorm,原因是Gorm的Raw Scan必须要定义好结构体,原生的可以不需要了。执行查询语句时,将查询结果返回为[]map[string]int 阅读全文
posted @ 2023-02-01 14:28 唯一客服系统开发笔记 阅读(83) 评论(0) 推荐(0) 编辑
摘要: 在线即时聊天项目,最重要的就是要实时收到消息,这里实现了vue.js下的websocket,实现了断线重连,并且可以根据收到的消息进行对应的处理 /** * 连接websocket */ connect () { var _this=this; let ws = new WebSocket(this 阅读全文
posted @ 2023-01-31 16:37 唯一客服系统开发笔记 阅读(314) 评论(0) 推荐(0) 编辑
摘要: 在进入在线聊天界面以后,不管是历史消息,还是实时消息,都需要让最新消息展示出来。因此需要把聊天界面滚动到最底部 //滚动到底部 scrollBottom:function(){ var _this=this; this.$nextTick(function(){ var container = _t 阅读全文
posted @ 2023-01-31 15:27 唯一客服系统开发笔记 阅读(574) 评论(0) 推荐(0) 编辑
摘要: 当访客一进去聊天界面以后,需要获取一下历史消息展示到界面,并且需要能分页的原理展示 在顶部有一个加载更多记录的按钮,点击就能按分页获取数据 //展示历史消息记录 getHistoryList(){ var _this=this; let pagesize=5; this.$axios.get(thi 阅读全文
posted @ 2023-01-31 13:20 唯一客服系统开发笔记 阅读(270) 评论(0) 推荐(0) 编辑
摘要: 客服系统中在展示聊天消息时间的时候,根据当前日期与目标日期的情况进行缩短显示,如果是同一天,只显示小时、分钟、秒,如果是同一年,只显示月日小时、分钟、秒,否则显示全部,根据这样的缩短逻辑就可以进行显示了。 具体实现函数 //缩短时间 function shortTime(t){ let time=n 阅读全文
posted @ 2023-01-30 18:33 唯一客服系统开发笔记 阅读(116) 评论(0) 推荐(0) 编辑
上一页 1 ··· 7 8 9 10 11 12 13 14 15 ··· 54 下一页