开源超级轻量级个人网站客服系统

0 阅读7分钟

给你的网站加个客服?一行代码就够了

零配置、零数据库、零门槛——专为个人站长打造的超轻量客服系统


🌟 先说结论

如果你是一个个人站长,想要给自己的网站加一个客服功能,通常面临两个选择:

  1. 接入大型客服平台(美洽、Intercom等)

    • 注册、实名、充值、配置...
    • 一顿操作下来,半小时过去了
    • 还要付钱 💰
  2. 自己搭建客服系统

    • 装数据库、配环境、调试...
    • 没点技术背景根本搞不定
    • 太重了 💀

有没有更简单的方式?

当然有!今天给大家介绍一个 超轻量客服系统,它只需要:

  • 📦 下载一个文件(30MB左右)
  • ▶️ 双击运行
  • 📋 复制一行代码

搞定!3分钟,你的网站就有客服了。


🎯 这东西适合谁?

  • 个人博客主:想跟读者互动,但不想公开联系方式
  • 独立开发者:产品需要客服,但又不想接入大平台
  • 小众论坛站长:想给会员提供私密沟通渠道
  • 兼职卖家:咸鱼/淘宝之外,想有个自己的客服页面
  • 任何有个网站的人:想快速加上实时聊天功能

✨ 核心亮点

🚀 极致轻量

  • 无需数据库:内置SQLite,拿来就用
  • 无需服务器:1核1G的垃圾云主机都能跑
  • 单文件部署:整个系统就一个可执行文件

🔌 极简接入

  • 一行代码:像引入了Google Analytics一样简单
  • 无需注册:自己部署,数据完全自己掌控
  • 自动初始化:引入了就自动工作

💪 功能完整

虽然轻量,但该有的都有:

  • 实时聊天:WebSocket长连接,消息秒到
  • 多消息类型:支持文字、图片、语音、文件
  • 访客管理:可以看到谁在访问
  • 快捷回复:常用回复一键发送
  • AI机器人:编辑自己知识库,让机器人自动回复

📸 效果预览

访客看到的浮窗

浮窗效果转存失败,建议直接上传图片文件

小而美的浮窗,不挡内容,不碍眼

客服工作台

客服工作台转存失败,建议直接上传图片文件

界面清爽,操作简单

移动端适配

移动端效果转存失败,建议直接上传图片文件

手机也能轻松接待访客


📋 详细功能介绍

1. 多端接入方案

PC网站接入

接入方式:一行代码自动初始化

<script src="http://你的服务器:5300/sdk/widget.min.js"
        data-kefu-appid="你创建的AppID"></script>

特点

  • 自动生成右下角浮窗
  • 支持自定义样式(颜色、位置、大小)
  • 访客无需注册,直接发起会话
  • 支持桌面通知提醒
App/小程序接入

接入方式:通过WebView加载独立聊天页

// React Native 示例
<WebView
  source={{ uri: 'http://你的服务器:5300/sdk/chat.html?appId=你的AppID&userId=用户ID' }}
/>

// 小程序示例(使用web-view组件)
<web-view src="http://你的服务器:5300/sdk/chat.html?appId=你的AppID&userId=用户ID"></web-view>

特点

  • 全屏聊天界面
  • 支持App内唤起
  • 自动保持会话连续性
  • 适配各种移动设备

2. AI智能功能

AI机器人自动回复

功能

  • 7×24小时自动接待
  • 常见问题智能回答
  • 关键词匹配回复
  • 可自定义回复规则

使用场景

  • 夜间无人值守时自动回复
  • 快速回答常见问题
  • 引导用户留下联系方式
AI知识库

功能

  • 支持批量导入FAQ
  • 智能匹配相关问题
  • 支持富文本内容
  • 可按分类管理

使用场景

  • 产品使用教程
  • 常见问题解答
  • 技术支持文档

3. 基础客服功能

会话管理
  • 会话队列:待接待/进行中/已关闭
  • 历史记录:完整保存所有聊天记录
  • 会话转接:支持客服之间转接会话
  • 会话标签:可对会话进行分类标记
消息能力
  • 文本消息:支持表情、链接、Markdown
  • 图片消息:自动预览,支持批量发送
  • 语音消息:支持录制和播放
  • 文件消息:支持各类文件上传下载
访客管理
  • 访客信息:记录访问来源、设备信息
  • 历史会话:查看访客历史聊天记录
  • 访客标签:可对访客进行分类管理
  • 在线状态:实时显示访客在线状态
系统管理
  • 用户管理:支持多个客服账号
  • 权限控制:不同角色不同权限
  • 数据统计:会话数量、响应时间等
  • 安全审计:关键操作日志记录

快速开始

第一步:下载并运行

GitHub 发布页面 下载对应系统的版本:

下载后解压,双击运行,就启动了

默认端口是 5300,访问 http://你的服务器IP:5300 就能看到管理后台。

第二步:获取接入代码

登录后台后,在「应用管理」创建一个应用,然后复制生成的接入代码。

第三步:加到你的网站

把代码粘贴到你的网页 <body> 里:

<body>
  <!-- 你的网站内容 -->

  <!-- 只需要这一行 -->
  <script src="http://你的服务器:5300/sdk/widget.min.js"
          data-kefu-appid="你创建的AppID"></script>
</body>

完成! 现在打开你的网站,右下角就有个客服浮窗了。


💡 常见场景

场景1:个人技术博客

作为一个程序员博主,你想跟读者直接交流,但又不想公开微信/QQ。

接入后:读者点击浮窗,直接跟你私信,完全私密。

场景2:开源项目官网

你的开源项目想收集用户反馈,但没有预算买客服系统。

接入后:用户遇到问题,直接在官网发起会话,你及时回复。

场景3:小众论坛/社区

你们有个小圈子,想给会员提供更私密的沟通方式。

接入后:会员直接跟你私聊,不在公开论坛暴露隐私。

场景4:个人兼职小店

你在卖手工/二手货,想有个地方让买家联系你。

接入后:比微信更专业,比淘宝更灵活。

场景5:App应用

你有个App,想给用户提供在线客服。

接入后:通过WebView嵌入,用户无需跳出App就能咨询。


🤔 常见问题

Q: 需要花钱吗? A: 完全免费。部署在你自己服务器上,没有任何额外费用。

Q: 真的不需要数据库? A: 对。内置SQLite,所有数据存在本地文件里。

Q: 服务器配置很低能跑吗? A: 亲测1核1G的垃圾云服务器完全OK。

Q: 能改界面样式吗? A: 可以。浮窗支持基本的样式定制。

Q: 安全吗? A: 部署在自己服务器,数据不经过第三方,完全可控。

Q: 支持多少并发? A: 小型网站完全够用,支持100+在线访客。

Q: 可以接入多个网站吗? A: 可以。一个实例可以创建多个应用,分别接入不同网站。


📊 对比一下

特性大型客服平台零点客服
部署难度复杂⭐ 简单
费用付费/抽成免费
数据隐私平台存储自有
配置复杂度⭐ 低
适合规模企业个人站长
接入方式单一多端支持
AI功能收费免费内置
部署时间小时级3分钟

🛠 技术细节

如果你对技术感兴趣:

  • 后端:Go语言 + WebSocket,无依赖
  • 前端:原生JS,零框架依赖
  • 存储:SQLite + Badger
  • 部署:单二进制,内嵌前端资源
  • 消息:支持 text/image/audio/file/system

🚀 马上试试

想给网站加客服?3分钟就够了:

  1. 下载二进制文件
  2. 运行 ./kefu-server
  3. 复制一行代码到你的网站

👉 立即下载


有问题?


💡 小站主的好帮手 —— 轻量、简单、免费,你的下一个客服选择。


项目地址:github.com/mageg-x/kef…