🎬
本节附有教学视频 #25

该视频为课程站点内嵌片段，未收录于本地离线包；如需观看请回到线上课程对应课时。

7.1 京东商品价格监控

之前我们讨论了自动化的基础知识，这节来做个实战，加深对知识的理解。

场景：你在京东看中了一件商品，但现在价格偏高。你想让 Hermes 帮你盯着，等降价到目标价时自动加入购物车。

这里有个挑战：京东的反爬风控很严格，会检测自动化浏览器特征。我们需要让 Hermes 做好伪装。

第一步：用 Browser Connect 连接 Chrome

在 Hermes 里输入：

code
/browser connect

Hermes 会弹出一个专用 Chrome 窗口（端口 9222）。你需要在这个窗口里使用你的账号登录京东。

第二步：给 Hermes 完整的提示词

登录完成后，把下面这段完整的提示词发给 Hermes：

code
帮我监控这个商品：https://item.jd.com/15178076.html
监控频率：每小时一次
阈值：低于 ¥70 时自动加入购物车
日志文件：~/price-monitor.log

注意：在提取价格做判断时：京东页面上有划线价和实价，只取实价，保留小数点后两位。

就这么短。Browser Connect 已经连好了 Chrome，Hermes 自己知道怎么用 CDP、怎么创建 cronjob、怎么读价格。你只需要告诉它：监控什么、多频繁、什么条件触发、结果记在哪。

⚠️免责声明

本案例仅用于教学演示，展示 AI 浏览器自动化的技术原理。作者不对读者的实际应用行为承担任何责任，读者在使用相关技术时应自行遵守目标网站的使用条款及相关法律法规，并承担全部法律责任。

这一个提示词包含了所有内容。Hermes 收到后会自己规划整个流程：

code
┌─────────────────────────────────────────
│  初始化阶段（一次性设置）
│
│  1. Browser Connect 已连好 Chrome（端口 9222）
│  2. 打开京东商品页，验证能读取价格
│  3. 创建 cronjob，启动 gateway
└─────────────────────────────────────────
              │
              ▼
┌─────────────────────────────────────────
│  监控循环（每小时一次）
│
│  5. 用 browser_navigate 打开商品页
│  6. 提取价格数字（小数点后两位）
│  7. 追加记录到 ~/price-monitor.log
│     格式：[时间] Price: ¥XX.X
│
│  8. 判断：价格 < 70 元？
│     ├─ 是 → 点击「加入购物车」→ 本轮结束
│     └─ 否 → 继续等待下一轮
│
│  9. 等待 1 小时
│  10. 回到步骤 5，继续下一轮
└─────────────────────────────────────────

你不需要分步骤告诉它怎么做，也不需要提前做什么配置。给它这一个提示词就够了。

💡示例 URL 说明

上面用的是京东商品页的标准格式：https://item.jd.com/商品ID.html

本案例监控的是商品 ID 为 15178076 的商品，这是我出版的一本图书《循序渐进微信小程序全栈项目实践》。你可以替换为实际想监控的商品链接 本案例仅演示技术原理，请控制访问频率（建议每小时 1-2 次）

Hermes 的回复还挺有趣儿：

alt text

7.2 扩展思路：这个技术还能做什么

价格监控只是浏览器自动化的一个入门案例。掌握了这个模式后，你可以把它应用到很多场景：

场景 1：抢票/预约提醒

code
每 10 分钟检查一次 12306 网站，
如果我要的日期和车次有票，
立即截图并通过邮件通知我

场景 2：社交媒体内容备份

code
每周一次，登录我的小红书账号，
把收藏夹里的所有图片导出来

场景 3：竞品价格对比

code
同时监控京东、淘宝、拼多多上同一个商品的价格，
把三个平台的价格记录到 compare.log，
哪个平台最低就加入购物车

场景 4：自动化表单填报

code
每天上午 9 点，打开公司的日报系统，
从 ~/daily-report.csv 读取数据，
自动填写并提交日报

核心模式都是一样的

code
定时任务 → 打开页面 → 读取/判断数据 → 执行操作 → 记录结果

区别只在于：打开什么页面、判断什么条件、执行什么操作。你可以根据自己的需求，组合出无数个自动化工作流。

7.3 讨论下为什么不是直接付款

细心的同学可能会发现，这个流程里有个「断点」：Hermes 把商品加入购物车后就停了，没有继续付款。

这里其实有两层可以讨论：

第一层：理想的流程应该是什么？

现在这个案例其实还没做完。完整流程应该是：

code
Hermes 监控到价格达标 → 加入购物车 → 给你发飞书/微信/短信/邮件 → 
你收到通知 → 打开京东 → 确认订单 → 完成付款

但目前的限制是：我们还没有把 Hermes 接入飞书、微信、邮件等移动通知渠道。所以现在的做法只能是「半成品」——Hermes 加购后截图告诉你，你看到后自己去京东付款。

后面当我们学会接入移动渠道后，你可以在提示词里加一句话：

code
如果价格低于 70 元，加入购物车后，通过飞书/微信/邮件通知我

这样就是一个完整的自动化工作流了。

第二层：能不能让 Hermes 自动完成付款？

理论上是可以的。我们刚才用的 CDP 方案，本质上是让浏览器代替人类操作——你可以认为就是「一个人在操作浏览器」。Hermes 能看到页面、能点击按钮、能输入文字。

所以只要你把支付密码告诉它，它确实可以： - 点「去结算」 - 输入支付密码 - 点「确认支付」 - 完成付款

这和其他通过 API 调用或者脚本注入的方式不一样，CDP 模式就是模拟真人在操作浏览器。但我们强烈推荐不要这么做。

原因很简单：风险太高了。

  • 一旦代码有 bug，可能会重复下单、错误付款
  • 如果价格判断逻辑出错，可能在你不想要的价位买了东西
  • 支付密码存储在 prompt 或者配置文件里，本身就有安全隐患
  • 没有人工确认环节，出了错很难挽回

7.4 ■ 学点英语

中文 English 音标 说明
价格监控 Price Monitor /praɪs ˈmɑːnɪtər/ 持续检查商品价格变化的自动化任务
触发条件 Trigger Condition /ˈtrɪɡər kənˈdɪʃən/ 满足后自动执行下一步动作的条件
轮询间隔 Polling Interval /ˈpoʊlɪŋ ˈɪntərvl/ 两次检查之间的时间间隔
自动下单 Automated Checkout /ˈɔːtəmeɪtɪd ˈtʃekaʊt/ 满足条件后自动进入购买流程的动作