尧图网站设计 尧图网站设计YAOTU DESIGN
ARTICLE DETAIL

资讯详情

深耕网站设计与一线实操的经验洞察。

用TinyFish Cookbook打造价格狙击手:lego-hunter实时监控15+零售商乐高库存与价格波动

用TinyFish Cookbook打造价格狙击手:lego-hunter实时监控15+零售商乐高库存与价格波动 用TinyFish Cookbook打造价格狙击手lego-hunter实时监控15零售商乐高库存与价格波动【免费下载链接】tinyfish-cookbookA collection of sample apps and recipes built with the TinyFish web agent. Open-source examples for you to learn build!项目地址: https://gitcode.com/gh_mirrors/ti/tinyfish-cookbookTinyFish Cookbook 是 TinyFish 网页智能体的官方示例项目集其中的lego-hunter是一个开箱即用的乐高库存监控与价格对比工具输入乐高套装名称或编号即可并行扫描 15 家以上零售商实时抓取库存、价格与运费并自动推荐最低价渠道。本文将带你快速上手这个价格狙击手并看懂它的监控原理。 lego-hunter 功能速览这个乐高价格监控工具能做什么lego-hunter 用 Next.js 16 TypeScript Tailwind CSS 4 构建核心体验只有三步输入套装 → 一键开猎 → 看结果。功能说明 多零售商并行扫描输入如75192 UCS Millennium Falcon同时向 15 家零售商发起检查 实时价格与运费提取每个 Agent 返回库存状态、价格、币种、运费、商品直链 最佳交易推荐在全部有货结果中自动算出最低价附省钱理由⚡ 流式实时展示哪家先查完哪家先出结果无需等待最慢的一家 有货庆祝动画发现库存时自动撒彩带lego-hunter/components/lego-confetti.tsx默认监控的 15 家零售商在 lego-hunter/lib/retailers.ts 中定义覆盖美英两地主流渠道 LEGO Store · Amazon · Target · Walmart · BrickLink · Zavvi / GameStop · Toys R Us · Barnes Noble · Kohls · Best Buy · Smyths Toys · ️ John Lewis · Argos · Entertainment Earth 工作原理TinyFish 三步价格监控流水线lego-hunter 没有数据库、没有缓存、不依赖大模型做分析——全部纯内存实时计算见 lego-hunter/README.md 的架构图。第一步TinyFish Search 自动定位真实商品页前端提交套装名后lego-hunter/app/api/discover-retailers/route.ts 会并发发起两组 TinyFish Search 查询一组定向搜索 lego.com、amazon.com、target.com 等已知乐高零售商一组做更宽泛的补充搜索兜底任何有货的渠道。随后自动过滤 Reddit、Quora、YouTube 等聚合站按域名去重最多取 12 家零售商的真实商品页 URL——不靠 AI 编造链接。第二步并行浏览器 Agent 实时采集库存与价格拿到 URL 后lego-hunter/app/api/search-lego/route.ts 用Promise.allSettled让每家零售商各开一个 TinyFish 浏览器 Agent 同时开跑。每个 Agent 打开页面、找到对应套装并只返回结构化 JSON{ inStock: true, price: 99.99, currency: USD, shipping: Free shipping, productUrl: ... }一个值得学习的工程细节代码中特意注明COMPLETED状态只表示浏览器没崩溃必须校验返回内容本身不能只信状态码——这是写爬虫类项目的通用教训。第三步SSE 流式推送 自动算出最便宜交易Agent 的每一步进展打开哪个页面、正在做什么都通过 Server-Sent Events 实时推给前端你在界面里能看到每家零售商的直播画面。全部完成后应用在有货结果中取最低价生成含总花费 运费对比的最佳交易卡片全程零 LLM 成本。⚡ 快速上手三步跑起来 lego-hunter前置条件Node.js22.x一个 TinyFish API Key在 TinyFish 平台获取Search 与 Fetch 能力对开发者免费开放3 条命令本地运行git clone https://gitcode.com/gh_mirrors/ti/tinyfish-cookbook cd tinyfish-cookbook/lego-hunter npm install cp .env.example .env.local # 填入 TINYFISH_API_KEY你的密钥 npm run dev # 打开 http://localhost:3000打开页面后输入套装名、可选填最高预算点击HUNT FOR STOCK即可看到 15 家零售商的状态卡从 idle 逐个亮起。 项目结构与源码地图路径作用lego-hunter/app/page.tsx主界面搜索框、零售商状态卡、结果表、最佳交易横幅lego-hunter/app/api/discover-retailers/route.tsTinyFish Search → 零售商 URL 发现lego-hunter/app/api/search-lego/route.ts并行浏览器 Agent 编排 SSE 推送lego-hunter/lib/retailers.ts15 家默认零售商的搜索入口配置lego-hunter/types/index.tsProductData、DealAnalysis、SSE 事件等类型定义 适合谁学抢货玩家绝版乐高、热门套装补货时多平台比价省下的运费可能远超差价AI 应用新手想学搜索 并行 Agent 流式更新这条真实产品链路的完整参考实现代码量小、零数据库极易读想造自己监控工具的人把零售商列表换成机票、演唱会门票、球鞋渠道这套骨架直接就能用。tinyfish-cookbook 里还有竞品分析、市场调研等更多同款示例见仓库根目录 README.md可以照着 lego-hunter 的思路继续抄作业。【免费下载链接】tinyfish-cookbookA collection of sample apps and recipes built with the TinyFish web agent. Open-source examples for you to learn build!项目地址: https://gitcode.com/gh_mirrors/ti/tinyfish-cookbook创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表