让我们来做交易:AI 驱动的 Deal Finder,帮助注重预算的英国家庭
Source: Dev.to

问题
她叫 Sarah。单亲妈妈。两个孩子。每周 £50。
她带着一无所有搬到 Leeds。没有亲人在附近。也不知道哪家店最便宜。没有人可以询问。
每周她都会在午夜坐在厨房的餐桌前。Lily 已经入睡。她在 Tesco、Asda、Aldi、Lidl——五个不同的应用上滚动,比较同一包尿布、同一条面包、同一罐配方奶的价格。
有些周她能凑合过去。有些周晚餐又只能吃烤面包。
英国有 1440 万人像 Sarah 一样生活。家庭花费数小时比较价格,只是为了延伸本就不足的每周预算。
我构建的内容
🤝 让我们达成交易 — 一个对话式的交易寻找助手,为他们完成工作。
一次对话。告诉它你的邮编、预算、需求。它会找到本地和线上最便宜的真实交易。
🔗 实时应用:
工作原理
-
Sarah 输入 “cheapest nappies near me”,它会告诉她:
- 🏪 Aldi, Roundhay Road — £2.49
- 🏪 Lidl, York Road — £2.29
- 📦 Amazon — bulk pack, cheaper per nappy
-
她输入 “kids school shoes under £15”,它会找到:
- 👟 Shoe Zone — £12.99
- 👟 George at Asda — £14.00
-
她输入 “free food near me”,它会发现:
- 🥫 Community fridge — 两条街之外
- 📱 Olio app — 附近免费剩余食物
- ⛪ St. Vincent’s church — 每周四的食物包裹
关键特性
- 🍞 预算优先 — 永不推荐超出用户声明的预算的商品
- 📍 位置感知 — 在10 英里范围内以及线上寻找优惠
- 🏪 真实零售商 — Tesco, Asda, Aldi, Lidl, Argos, B&M, Poundland, Home Bargains, Amazon UK, eBay UK
- 🆓 免费选项 — 食物银行、Olio、Freecycle、社区冰箱
- 💬 对话式 — 无表单、无过滤,只需输入你的需求
- 📱 移动友好 — 在任何手机上均可使用,无需下载应用
我是如何使用 Algolia Agent Studio 的
代理配置
代理位于 Algolia 的仪表板中,使用专门的系统提示,内容包括:
- 预先收集用户的邮政编码、预算和家庭人数
- 从预算零售商中搜索真实的英国优惠
- 将结果格式化为价格、店铺名称、距离和节省金额
- 在相关时提供免费替代方案
- 每次搜索都附带省钱技巧
前端集成
使用 React 并结合 Algolia 官方的 react-instantsearch Chat 小部件:
import { liteClient as algoliasearch } from 'algoliasearch/lite';
import { InstantSearch, Chat } from 'react-instantsearch';
import 'instantsearch.css/components/chat.css';
const searchClient = algoliasearch(
process.env.REACT_APP_ALGOLIA_APP_ID,
process.env.REACT_APP_ALGOLIA_API_KEY
);
export function App() {
return (
<InstantSearch searchClient={searchClient} indexName="deals">
<Chat />
</InstantSearch>
);
}
Chat 小部件处理与 Agent Studio 的所有通信。无需自定义 API 调用、代理函数或 CORS 问题——简洁且易用。
为什么 Algolia 能实现这一点
| 项目 | 重要原因 |
|---|---|
| 子 50 ms 检索 | 预算有限的家庭没有时间等待 |
| 上下文搜索 | 基于真实数据提供答案,避免出现幻觉式的价格 |
| 对话式用户体验 | InstantSearch Chat 小部件 — 打磨精致,移动优先 |
| 零摩擦 | 无需注册,无需下载,只需输入即可找到 |
技术栈
| 层级 | 技术 |
|---|---|
| 前端 | React + Algolia InstantSearch 聊天小部件 |
| 代理 | Algolia Agent Studio |
| 部署 | Netlify |
| 样式 | 自定义暗色主题,CSS 覆盖 |
实际影响
上周莉莉感冒了。莎拉需要服用 Calpol。她输入“cheapest Calpol near LS8”——Boots 的售价是 £3.59。两条街外的 Asda 售价为 £2.10。
同样的药,同样的剂量,省下 £1.49。
听起来并不多,但当你在自助结账时数硬币,祈祷卡不会被拒——£1.49 就是明天的面包。
“这不是技术演示。英国每五个家庭中就有一个面临燃料或食品贫困。每省下的一分钱都是他们不必做出的抉择——供暖还是吃饭,新鞋还是新外套。这个代理人不作评判,只是帮你找到最划算的交易。”
🤝 让我们达成交易 — 一次对话。真实价格。真实商店。每一分钱都很重要。
🔗 Live App:
📺 Demo Video: