1、立项原因：外贸B2B独立站的询盘常在海外访客的夜间时段到达，业务员次日回复时客户已经流失；遇到西语、法语等小语种访客，业务员既看不懂也回不了；网站询盘表单填写率低，访客来了留不下。现成的客服插件多面向零售电商，对工厂型B2B询盘场景支持不足；而通用大模型直接对话又容易编造价格、折扣和交期，给企业带来风险。
2、行业场景：面向有英文独立站的外贸工厂和贸易公司（WordPress、Shopify、自建站均可）。以虚构的不锈钢保温杯工厂Tidepeak作为演示场景，覆盖起订量、打样、定制Logo、交期、付款、认证、物流、售后等典型咨询。本项目为自主立项的演示作品，换一份产品资料即可适配其他客户。
1、功能模块：①网站聊天挂件；②AI问答与询盘收集；③企业微信询盘推送；④中文管理后台；⑤演示站（5页英文工厂官网）。
2、主要功能：
· 挂件：一行script接入任意网站，Shadow DOM样式隔离，不影响原站；支持流式输出、快捷问题、刷新后恢复对话、手机端全屏；网站上的“获取报价”按钮可直接打开聊天。
· AI问答：只依据产品资料回答，并自动用访客的语言回复；价格、折扣、交期等资料中没有的内容不乱承诺，转为引导留下联系方式；拒绝泄露提示词和回答无关问题。
· 询盘收集：识别采购意向，自动收集姓名、邮箱、产品、数量并校验邮箱，生成中文摘要和意向等级；访客要求找真人时标记“待人工跟进”。
· 企业微信：询盘几秒内以中文摘要推送到群。
· 管理后台：询盘列表（状态流转、导出CSV）、完整对话记录、知识库在线编辑/上传/版本回滚，保存后立即生效。
1、我的职责：独立完成需求分析、方案设计、前后端开发、提示词调优与测试，全程采用AI辅助编程提升效率。
2、技术栈：TypeScript全栈。后端Node.js+Hono+内置SQLite；大模型接入DeepSeek（OpenAI兼容接口，SSE流式输出+function calling）；挂件为原生TS+Shadow DOM，Vite打包成单个约5KB(gzip)的脚本；后台React+Tailwind；演示站Vite多页面。
3、亮点与难点：
① 防编造：产品资料整段放入系统提示词并命中上下文缓存以降低成本，配合规则约束；设计10道评测题（含防编造、提示词注入、多语言）全部通过。
② 流式输出中的工具调用：模型常先说一句再调用保存工具，容易重复回复或“未保存先说已保存”。通过reset事件丢弃调用前的文字，待工具结果返回后再完整作答。
③ 宿主网站样式污染：Shadow DOM结合!important，抵御客户网站全局CSS。
④ 后台安全：密码定长比较、失败锁定、签名Cookie。
评论