WebMCP 技术专栏｜基于 WebMCP 优化 AI 智能体交互与用户体验历程
谷歌开发者 · 软件开发
原创 Google 2026-11-06 18:00 北京 本文系统梳理了 WebMCP 在辅助购物、复杂表单自动化以及信息智能筛选等典型场景下的应用实践，旨在帮助开发者快速掌握工具构建方法，提升 AI 智能体在关键用户历程中的执行效率与用户体验。 作者 / Alexandra Klepper WebMCP 拥有广泛的应用场景。本文将介绍如何实现 WebMCP，从而赋能用户及其智能体。您可以从用户和智能体的视角全面了解这一过程，并获取针对关键用户旅程 (CUJ) 构建配套工具的最佳实践建议。 关键术语： CUJ 定义了用户为达成目标所经历的路径，包括所需的任何上下文背景信息。如需完整演练如何构建 CUJ，请阅读 用户旅程映射 设计冲刺工具包。 用户旅程映射 https://designsprintkit.withgoogle.com/methodology/phase1-understand/user-journey-mapping 帮助用户进行购买 零售领域的开发者是 WebMCP 的理想应用群体。虽然在某些情况下，用户可能希望亲自挑选商品，比如寻找收藏中缺失的那一件。但在其他情况下，用户只是需要高效地完成任务。比如说用户的每周购物清单、聚会策划或重新订购喜爱的商品。 在购物场景的 CUJ 中，我们的模拟用户 Jesse 不想花时间在各个类别搜索来找到自己想要的东西。相反，他们依靠浏览器智能体来满足自己的购物需求，从而更快地找到想要的东西，并更快地完成结账。 支持购物旅程 Jesse 决定为孩子的 10 岁生日聚会购买用品。聚会的主题是外太空，Jesse 已经写好购物清单。有些用品可能需要从专门的杂货店购买，有些需要从大型商店购买，还有一些需要从专门的聚会用品供应商处购买。 Jesse 向浏览器智能体询问："请在两到三家本地商店中找到购物清单上商品的最优惠价格。请为我创建心愿单，以便我完成结账。如果有找不到的商品，请告诉我。" Jesse 在提出这个问题时做了一些假设。其中包括智能体不会在多个购物车中添加相同的商品。如果两家商店都有某件商品，智能体会确定哪家商店的价格较低，然后将其添加到该购物车中。Jesse 还假设本地商店是 Springfield 的本地商店。 无论您是本地商家 Space Shoppe 的开发者 (例如拥有大量儿童聚会物品可供推荐的 Space Shoppe)，还是大型连锁商超的开发者，都可以构建工具来支持 Jesse 的需求。 search_products() ，供 Jesse 在某个类别中查找符合购物清单预期的商品。例如， productType="wall-decorations" 、 category="planets" 以及 age="child" 。 add_to_wishlist() ，供 Jesse 在将所有商品添加到购物车之前逐一查看。 如果 Jesse 要求所有商品的价格都低于某个金额，您可以提供一个工具来优化搜索，例如 refine_search(priceRange = "0-49.99") 。 支持重复购买 Jesse 很喜欢 Example Grocery Company 的奶酪棒，但不太记得是什么品牌。Jesse 向智能体询问："能帮我重新订购上个月买的奶酪棒吗？" 作为 Example Grocery Company 的开发者，即便您不提供订阅制服务，仍然可以帮助客户通过智能体再次订购相同的商品，您可能需要提供以下工具： get_order_history(startdate="",enddate="",) ，用于返回商品详情，包括订单日期和配送状态。 add_to_wishlist(productId="XYZ", quantity = 1) ，供 Jesse 在将所有商品添加到购物车之前进行查看。 delivery(method="pickup") 智能体回复 Jesse："我找到了您 3 月 7 日订购的 Cheddar Peelers。我已经添加了一包到您的购物车中。您要继续结账吗？" 然后，Jesse 可以选择快速从 Example Grocery Company 结账，仅订购 Cheddar Peelers，也可以继续浏览和购买其他商品。 帮助用户填写表单 自动填充 (Autofill) 是一项非常实用的浏览器功能，如果部署得当，可以将表单的 放弃率降低 75% 。虽然我们鼓励您 使用自动填充功能构建表单 ，但借助 WebMCP，我们可以进一步提高表单的完成率。 放弃率降低 75% https://developer.chrome.com/blog/autofill-insights-2024?hl=zh-cn 使用自动填充功能构建表单 https://we