背景与挑战
官网访客的问题高度集中:能不能做某类系统、大概多少钱、多久能上线。传统做法是让他们自己在页面之间找答案,或者填表等回复。我们想让访客当场问、当场得到有出处的回答,并且回答要落到具体的服务页上,而不是泛泛而谈。
我们做了什么
- 在站点右下角做了一个常驻 AI 助理浮层,不打断浏览
- 预置六条快捷问题,与六条业务线一一对应,降低「不知道问什么」的门槛
- 服务端流式返回,回答边生成边显示,不用等整段结束
- 回答后给出对应服务页与联系方式的入口
- 双语知识源(中英各自的服务与案例内容)已在计划中
技术方案
| 层 | 选型 |
|---|---|
| 前端 | 原生 JS 浮层组件,随站点静态资源发布 |
| 服务端 | Node.js + Express |
| 模型接入 | OpenAI 兼容接口,模型可切换 |
| 传输 | SSE 流式输出(text/event-stream) |
| 密钥 | 仅存在服务端环境变量,不进前端代码 |
交付结果
| 项目 | 说明 |
|---|---|
| 快捷问题 | 6 条,对齐六条业务线 |
| 界面语言 | 中文 / 英文 |
| 回答形式 | 流式输出 + 服务页与联系方式入口 |
| 双语知识源 | 计划中 |
授权说明
自有产品,实现方式与架构可公开。