自己做网站在线客服系统

去年帮朋友处理一个外贸站，自己做网站线凌晨三点收到他消息：“客户在网站底部留言问运费，客服我早上才看到，系统单子飞了。自己做网站线”这种事我听过太多。客服第三方客服系统按坐席收费，系统最便宜的自己做网站线也要每月几百块，小团队根本扛不住。客服后来我用一套开源方案给他搭了在线客服，系统成本就是自己做网站线一台最便宜的云服务器，一年不到两百块。客服

这套东西的系统核心逻辑不复杂：网站页面嵌一段JS，访客点击后建立WebSocket连接，自己做网站线消息直接推到你自己的客服服务器。你这边用手机或电脑浏览器打开一个管理页面，系统就能实时回复。没有中间商，没有按条计费，数据全在自己手里。我选的是Chatwoot，部署用Docker，两条命令跑起来。如果你不想碰命令行，宝塔面板里也有现成的一键部署包。

先讲最关键的坑：WebSocket必须走加密。去年有个客户图省事用了ws://，结果浏览器直接拦截，客服窗口死活弹不出来。正确做法是在Nginx里配SSL，把wss://代理到后端端口。具体配置网上教程很多，核心就三行：proxy_pass、proxy_http_version 1.1、Upgrade头。搞不定的话，Cloudflare免费套餐也能帮你套一层SSL，但延迟会高几十毫秒，自己权衡。

数据库建议用PostgreSQL，别用SQLite。我一开始图省事用了SQLite，结果三个客服同时在线时，消息偶尔会丢。换成PostgreSQL之后稳定多了。内存给2G就够，CPU单核也没问题——除非你同时有几百个访客在聊，那种场景小网站基本遇不到。

前端嵌入很简单。Chatwoot后台会给你一段script标签，复制到网站</body>前面就行。但有个细节：如果你的网站用了CSP（内容安全策略），记得把客服域名加进白名单，否则脚本会被静默拦截。我排查这个花了半小时，控制台连报错都没有。

移动端体验要单独调。默认模板在手机上输入框会被键盘顶上去，得改CSS。我直接改了widget的样式，把输入区域固定在底部，加了个padding-bottom。另外消息推送依赖浏览器通知，iOS的Safari支持很烂，建议引导客服人员装个Telegram机器人——Chatwoot支持把新消息转发到Telegram，回复也能同步回来。这个功能救了我朋友的命，他现在基本不在电脑前蹲着。

数据备份别偷懒。我设了每天凌晨自动pg_dump，传到另一台机器上。上个月服务器硬盘挂了，十分钟就恢复回来。要是没备份，半年的聊天记录全没，客户资料也跟着丢。

最后说句实在话：自己搭客服系统，省的是钱，花的是时间。头一周可能要折腾部署和调试，但之后基本不用管。如果你连Docker都不想碰，那就老老实实付月租。但如果你愿意花一个周末搞定它，后面每年省下的钱够买好几箱咖啡。我朋友现在凌晨三点收到消息，手机直接弹通知，回完继续睡。单子再也没飞过。