248 lines
13 KiB
HTML
248 lines
13 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8">
|
|||
|
|
<meta name="renderer" content="webkit">
|
|||
|
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|||
|
|
<title>产品介绍-在线客服系统-私有云独立部署在线客服系统源码-网站客服系统</title>
|
|||
|
|
<meta name="keywords" content="在线客服系统,客服系统源码,在线客服下载,在线客服代码,开源客服,网页在线客服,免费客服系统,客服系统部署,安装在线客服,golang客服,php客服" />
|
|||
|
|
<meta name="description" content="客服系统,在线客服，一套可独立私有化部署的网站网页在线客服系统，安装搭建极其简单，仅依赖MySQL数据库，支持宝塔面板一键部署，两分钟搭建自己的网站在线客服系统" />
|
|||
|
|
|
|||
|
|
{{template "head" .}}
|
|||
|
|
<style>
|
|||
|
|
.h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
|
|||
|
|
margin: 15px 0px;
|
|||
|
|
}
|
|||
|
|
/* 设置表格样式 */
|
|||
|
|
table {
|
|||
|
|
width: 100%;
|
|||
|
|
border-collapse: collapse;
|
|||
|
|
}
|
|||
|
|
th, td {
|
|||
|
|
padding: 8px;
|
|||
|
|
text-align: left;
|
|||
|
|
border: 1px solid #ddd;
|
|||
|
|
}
|
|||
|
|
/* 设置第一列背景色 */
|
|||
|
|
td:first-child {
|
|||
|
|
background-color: #f2f2f2;
|
|||
|
|
width: 30%;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</head>
|
|||
|
|
<body style="background: #f4f6f8">
|
|||
|
|
|
|||
|
|
{{template "navgator" .}}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="showBanner">
|
|||
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="80px" height="80px" fill="currentColor" class="bi bi-menu-up" viewBox="0 0 16 16">
|
|||
|
|
<path d="M7.646 15.854a.5.5 0 0 0 .708 0L10.207 14H14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h3.793l1.853 1.854zM1 9V6h14v3H1zm14 1v2a1 1 0 0 1-1 1h-3.793a1 1 0 0 0-.707.293l-1.5 1.5-1.5-1.5A1 1 0 0 0 5.793 13H2a1 1 0 0 1-1-1v-2h14zm0-5H1V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v2zM2 11.5a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 0-1h-8a.5.5 0 0 0-.5.5zm0-4a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 0-1h-11a.5.5 0 0 0-.5.5zm0-4a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 0-1h-6a.5.5 0 0 0-.5.5z"/>
|
|||
|
|
</svg>
|
|||
|
|
<h1>客服系统产品介绍</h1>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="main">
|
|||
|
|
|
|||
|
|
<div class="container-lg">
|
|||
|
|
<ul class="breadcrumb">
|
|||
|
|
<li><a href="/">首页</a></li>
|
|||
|
|
<li><a href="/aboutus.html">产品介绍</a></li>
|
|||
|
|
</ul>
|
|||
|
|
<div class="artcileBody">
|
|||
|
|
<div class="detailContent">
|
|||
|
|
<h2 id="-">项目简介</h2>
|
|||
|
|
<table>
|
|||
|
|
<thead>
|
|||
|
|
<tr>
|
|||
|
|
<th>渠道</th>
|
|||
|
|
<th>介绍</th>
|
|||
|
|
</tr>
|
|||
|
|
</thead>
|
|||
|
|
<tbody>
|
|||
|
|
<tr>
|
|||
|
|
<td>网站渠道</td>
|
|||
|
|
<td>自营网站中，可以嵌入客服咨询窗口，或跳转客服聊天链接</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td>二维码对话</td>
|
|||
|
|
<td>扫描生成的二维码，可以直接进入对话页面</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td>H5聊天链接</td>
|
|||
|
|
<td>访客聊天页面为响应式设计，可以适配手机端和PC端，点击链接直接对话</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td>APP渠道</td>
|
|||
|
|
<td>在自己APP中，可以通过WebView嵌入客服聊天链接</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td>微信公众号</td>
|
|||
|
|
<td>服务器接口对接，或公众号菜单中嵌入客服聊天链接，网页授权接口</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td>微信小程序</td>
|
|||
|
|
<td>原生客服组件对接，或WebView组件嵌入客服聊天链接</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td>微信客服</td>
|
|||
|
|
<td>对接客服消息推送接口，与回复消息接口</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td>个人微信/企业微信员工号</td>
|
|||
|
|
<td>Hook PC端微信软件形式，智能化回复私聊或群聊咨询</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td>企业微信应用</td>
|
|||
|
|
<td>对接上传信息接口，与下发信息接口，网页授权接口</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td>抖音视频评论回复</td>
|
|||
|
|
<td>对接抖音开放平台接口，抖音授权登录，智能化回复评论</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td>抖音直播间</td>
|
|||
|
|
<td>浏览器插件，循环发送话术或自动回复评论</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td>抖音小店-飞鸽客服</td>
|
|||
|
|
<td>浏览器插件，自动回复客户咨询</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td>抖音私信</td>
|
|||
|
|
<td>RPA软件，python selenium实现智能化回复私信</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td>钉钉机器人</td>
|
|||
|
|
<td>对接上传信息接口，与下发信息接口</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td>QQ机器人</td>
|
|||
|
|
<td>go-cqhttp框架或QYbot框架开发</td>
|
|||
|
|
</tr>
|
|||
|
|
</tbody>
|
|||
|
|
</table>
|
|||
|
|
<table>
|
|||
|
|
<tr>
|
|||
|
|
<td></td>
|
|||
|
|
<td><img src="https://goflychat.oss-cn-hangzhou.aliyuncs.com/static/upload/2024April/87582ea489505c00c01327d524688b94.jpg" width="300px"/>></td>
|
|||
|
|
<td><img src="https://goflychat.oss-cn-hangzhou.aliyuncs.com/static/upload/2023February/581b64d62451dfc3c85812b23068e8fc.png" width="300px" /></td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td></td>
|
|||
|
|
<td>我的抖音</td>
|
|||
|
|
<td>我的微信</td>
|
|||
|
|
</tr>
|
|||
|
|
</table>
|
|||
|
|
<p>客服系统是基于Golang语言自主开发的在线客服系统（以下简称客服系统）。
|
|||
|
|
创立于2019年初，是一款连接企业与客户的即时通讯项目，遵循快速、简洁的开发原则，是为中小企业量身定制的全渠道客服系统，致力于帮助广大开发者/公司快速部署整合私有化独立客服功能。</p>
|
|||
|
|
<p>客服系统的部署模式为私有化独立部署，系统程序本身为多商家多坐席SaaS客服系统，独立部署后可以进行SaaS化运营服务，为您的企业建立一座连接客户的桥梁。</p>
|
|||
|
|
<h2 id="-">传统客服形式</h2>
|
|||
|
|
<p>目前很多企业都有自己的网站，都做了各种渠道的宣传，大部分企业都是采用
|
|||
|
|
1、展示企业电话
|
|||
|
|
2、QQ
|
|||
|
|
3、微信
|
|||
|
|
4、企业微信
|
|||
|
|
5、留言系统
|
|||
|
|
6、第三方SaaS客服账号</p>
|
|||
|
|
<h2 id="-"><a href=""></a>客服的好处</h2>
|
|||
|
|
<p>1、可独立部署数据私有；
|
|||
|
|
2、一套系统解决覆盖全网客户咨询；
|
|||
|
|
3、前端源码开放，可以根据自己业务进行定制开发
|
|||
|
|
4、全渠道对接
|
|||
|
|
5、智能AI客服助理</p>
|
|||
|
|
<h2 id="-">应用场景</h2>
|
|||
|
|
<p>可以对接其它任何系统例如wap站、PC站点、小程序、APP、公众号等。
|
|||
|
|
可以作为智能客服助理，对接微信、钉钉等机器人模式
|
|||
|
|
客服系统聊天主要分为访客端和客服端
|
|||
|
|
用户端支持：wap站、PC站点、小程序、公众号
|
|||
|
|
客服端：PC端、APP端</p>
|
|||
|
|
<h2 id="-">技术栈</h2>
|
|||
|
|
<h3 id="-">客服系统部分</h3>
|
|||
|
|
<p>Web服务：Nginx
|
|||
|
|
数据库：MySQL
|
|||
|
|
前端：VueJS2 + ElementUI (CDN引入形式)
|
|||
|
|
后端：Golang + Gin</p>
|
|||
|
|
<h3 id="-ai-">知识库AI部分</h3>
|
|||
|
|
<p>容器：Docker
|
|||
|
|
数据库：MySQL + Qdrant(向量数据库)
|
|||
|
|
守护进程：Supervisor
|
|||
|
|
Apache Tika(复杂PDF读取解析)
|
|||
|
|
后端：Golang + Gin
|
|||
|
|
前端：VueJS2 + ElementUI (CDN引入形式)</p>
|
|||
|
|
<h2 id="-">开发语言优势</h2>
|
|||
|
|
<p>本系统基于高性能强类型、编译型、并发型开发语言Golang开发。Golang可以利用到多核CPU进行异步并行，利用管道进行通信，编译为二进制可执行文件，运行效率极高。Golang可以轻易地启动成千上万个Goroutine并发协程，比系统线程切换效率高得多。基于Channel的同步通信，复杂度降低，功能得到提升。
|
|||
|
|
相比很多PHP+MySQL客服系统，PHP的wokerman框架，对进程的处理不够稳定，运行效率低。Swoole扩展安装复杂，不能完全兼容各种系统环境。我们系统跨平台运行，多协程运行，守护进程模式非常稳定。
|
|||
|
|
相比Java客服系统，我们系统占用系统内存，CPU等资源非常低，可以在最低配服务器（1核CPU、2G内存）完美运行</p>
|
|||
|
|
<h2 id="-">部署方式优势</h2>
|
|||
|
|
<p>客服系统支持私有化独立本地部署，独立部署后与官方云服务没有任何关联，账号消息数据都完全自主掌控，开发者无权限控制或获取任何独立部署版业务数据。</p>
|
|||
|
|
<p>利用Golang可编译的特性，编译后的二进制文件可直接使用无需再搭开发环境，下载zip解压即可，仅依赖MySQL数据库，是一个开箱即用的全渠道在线客服系统。
|
|||
|
|
相比PHP省去了我们搭建PHP-FPM、安装Swoole扩展，或者单独执行workerman框架
|
|||
|
|
相比Java省去了我们搭建tomcat、安装java SDK</p>
|
|||
|
|
<h2 id="-">支持语音视频实时通话</h2>
|
|||
|
|
<p>基于WebRTC技术，实现了访客与客服之间，直接视频或语音实时通话，同时支持客服共享屏幕给访客。\
|
|||
|
|
没有使用第三方云服务商提供的服务，所以是完全免费使用的。</p>
|
|||
|
|
<h2 id="-">支持微信全渠道对接</h2>
|
|||
|
|
<p>我们支持个人微信机器人、微信公众号服务号、企业微信客服、企业微信、微信小程序全部渠道的对接</p>
|
|||
|
|
<ul>
|
|||
|
|
<li>个人微信机器人：个人微信扫码后，可以使用机器人自动回复群消息或者个人消息，支持关键词机器人和个性训练GPT机器人</li>
|
|||
|
|
<li>微信公众号服务号：对接服务号主动客服接口、模板消息接口、网页授权接口</li>
|
|||
|
|
<li>企业微信客服：对接企业微信客服消息API，接管消息的收发</li>
|
|||
|
|
<li>企业微信：对接企业微信自建应用、企业微信内部群机器人</li>
|
|||
|
|
<li>微信小程序：对接微信小程序消息推送接口、小程序订阅模板、WebView内嵌H5</li>
|
|||
|
|
</ul>
|
|||
|
|
<h2 id="-gpt-">支持对接GPT等大模型</h2>
|
|||
|
|
<p>我们对接了当下最火的人工智能AI模型ChatGPT，功能先进，风口项目
|
|||
|
|
我们支持大模型接口
|
|||
|
|
我们还支持个性化训练GPT，让GPT成为我们的企业知识库机器人，可以上传PDF、DOCX、TXT、EXLS、网址</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
{{template "footer" .}}
|
|||
|
|
<script>
|
|||
|
|
|
|||
|
|
function createOrder(){
|
|||
|
|
|
|||
|
|
sendAjax("/kefu/createOrder","post",{
|
|||
|
|
"pay_method":'wechat',
|
|||
|
|
"pay_month":1
|
|||
|
|
},function (res) {
|
|||
|
|
if(res.code==20000){
|
|||
|
|
|
|||
|
|
let qrcode= "/api/v2/qrcode?str="+res.result.code_url;
|
|||
|
|
window.open(qrcode);
|
|||
|
|
|
|||
|
|
let orderId=res.result.order_id;
|
|||
|
|
kayer.confirm('请在扫码支付后，点击查询状态，将查询微信支付订单结果并同步本地订单状态', {
|
|||
|
|
btn: ['查询状态']
|
|||
|
|
}, function(index, layero){
|
|||
|
|
sendAjax("/kefu/queryWechatOrder","post",{
|
|||
|
|
"order_id":orderId,
|
|||
|
|
},function(res){
|
|||
|
|
if(res.code!="20000"){
|
|||
|
|
kayer.alert('订单未成功支付！', { icon: 3, title: '提示' });
|
|||
|
|
}else{
|
|||
|
|
kayer.alert('订单已经成功支付！', { icon: 1, title: '提示' });
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
});
|
|||
|
|
}else{
|
|||
|
|
window.open("/main");
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|
|||
|
|
|