Skip to content

引导式设置:带你走完任何网站流程的智能体

智能体在控制台里操作,遇到密码、验证码和付款时把页面交给你,并把需要的 API 密钥存好。来看看它是如何运作的。

作者:SuperDevSpace

发布于 阅读约 7 分钟

其他语言: English Türkçe Deutsch Français Español Português (Brasil) 日本語

应用内置的浏览器面板打开着一个网页,旁边停靠着智能体面板

每个项目迟早都需要从某个网站上拿点东西:支付服务商的 API 密钥、一个 webhook 密钥、藏在控制台三级菜单深处的客户端令牌。智能体几分钟就能写好集成代码,然后停下来,让你自己去控制台里点——因为那一步发生在浏览器里,在你的登录之后。

引导式设置就是 SuperDevSpace 填补这个空缺的方式。智能体在应用自带的浏览器里打开网站,完成它被允许做的点击,等到下一步该你来做时,再附上一个指示和一句话,把页面交给你。

应用内置浏览器面板中显示一个网页,选中的元素旁列出带文件和行号的组件链
应用内的浏览器面板——引导式设置驱动的正是这个面板,此处与 Inspector 一起展示(真实应用,界面为土耳其语)。

为什么"全交给智能体"是错误答案

这个功能最省事的做法,是把整个浏览器交给智能体:读每个字段、填每个输入框、按每个按钮。这样很快,但很糟糕。设置流程里到处都是智能体绝不该碰的东西:

  • 你的密码和手机收到的一次性验证码;
  • 卡号、银行信息和身份证件;
  • 你同意的条款和你批准的付款。

所以设计从另一端出发。智能体负责例行工作——跳转、找到正确的页面、填写项目名称、点击创建——所有私人或具有约束力的事都留给你。

设置流程中的步骤智能体你
打开控制台并找到正确的页面✓
填写项目名称、URL、列表中的选项✓
输入你的密码或手机验证码✗✓
输入卡片、银行或身份信息✗✓
勾选条款,点击"付款"或"下单"✗✓
读取新的 API 密钥并存入 .env✓

一次引导式设置如何进行

在任何网站上,这个循环都一样,包括没人写过说明的网站。

  1. 打开页面。 智能体在应用内打开一个浏览器标签页。这个浏览器里的登录状态在重启后依然保留,所以你可能已经登录了。
  2. 先看再动。 智能体获取页面概要:每个标题、按钮、链接、字段和框架各占一行。敏感字段只按类型列出——密码、卡片、银行、一次性验证码、身份——并标注"已填写"或"空",绝不显示其值。
  3. 做它那一半。 它点击、填写普通字段、读取文字;每次操作改变页面后都会重新读取。
  4. 把你那一半交给你。 下一步轮到你时,智能体会在页面上显示一张引导卡片:一个简短标题、一条具体指示,并高亮它所指的字段或按钮。你完成这一步后,点击完成——交还。卡住了就点我需要帮助,写下你看到的内容,智能体会在页面上回答。
  5. 在同一轮里等待。 引导卡片显示期间,智能体会等你。在你交还页面之前,它的点击和输入都会被拒绝;你随时可以点击停止 / 接管控制。
  6. 把成果带回来。 当页面显示出你要的东西——API 密钥、令牌、webhook 密钥——智能体会将其作为机密读取,并放到该放的地方,例如项目的 .env。它报告的是密钥在哪里,而不是密钥本身。
一次引导式设置:从第一个页面到保存好的密钥一次引导式设置:从第一个页面到保存好的密钥
一次引导式设置:从第一个页面到保存好的密钥
以文本查看图表
sequenceDiagram
  participant A as 智能体
  participant B as 浏览器面板
  participant Y as 你
  participant E as .env
  A->>B: 打开控制台
  A->>B: 页面概要
  A->>Y: 引导卡片 - 登录后交还
  Y->>B: 密码和一次性验证码
  Y->>A: 完成 - 交还
  A->>B: 创建 API 密钥
  B-->>A: 作为机密读取密钥
  A->>E: 保存 PADDLE_API_KEY
  A->>Y: 密钥已在 .env 中

完成之后,你可以在不把任何机密打印到屏幕上的前提下检查结果:

终端
$ grep -o '^PADDLE_[A-Z_]*=' .env
PADDLE_API_KEY=
PADDLE_CLIENT_TOKEN=
PADDLE_WEBHOOK_SECRET=
PADDLE_ENVIRONMENT=

应用强制执行的规则

这些是应用里的检查,智能体无法关闭:

  • 机密不进也不出。 智能体不能在密码、卡号、CVC、IBAN、一次性验证码或身份证件字段中输入。它读取页面或截取快照时,这些值会被隐藏,并从它读到的任何文字中清除。
  • 截图会被涂盖。 敏感字段和所有跨源框架——比如银行卡组件、"使用 Google 登录"框——都会在智能体看到图像之前被遮住。
  • 敏感页面不运行脚本。 只要页面上出现这类字段,在页面中执行 JavaScript 就会被拒绝。
  • 同意和付款属于你。 点击条款复选框或"付款"/"下单"按钮会被拒绝。
  • 一切都可见。 智能体在浏览器面板里的操作,会实时显示在面板的横幅上。
  • 机密不进入对话。 作为机密读取的值会被标记为敏感,智能体被要求绝不在聊天、报告、任务备注或通知中复述。

适用于任何网站,而不是一份集成清单

引导式设置是一个循环,而不是一套脚本库。即使是没人写过提示的网站它也能用,因为智能体读的是眼前真实的页面。我们为少数服务附带了简短的提示文件——例如 Paddle 的沙盒控制台和 RevenueCat——告诉智能体开发者设置通常在哪里。控制台的菜单经常变动,所以提示里写得很明白:页面和提示不一致时,以页面为准。

这比听起来更重要。智能体写的集成代码只是一个功能的一半;另一半是别人网站上的账户、密钥和 webhook。有了引导式设置,两半都在同一个会话里、由同一个智能体完成,而你只需把时间花在只有你能做的步骤上。

它在整体中的位置

引导式设置和 SuperDevSpace 的其他一切都在同一个工作区里:为你编写支付集成的智能体,也正是在它终端旁的浏览器面板里带你创建密钥的那个。如果你是第一次来,我们为什么做 SuperDevSpace 介绍了它周围的整支团队。

试一试

试用期为 14 天 Premium,无需绑卡。下载 SuperDevSpace,让智能体为你的项目设置一个支付或分析服务商,轮到你时,它会把页面交给你。

SuperDevSpace

由打造 SuperDevSpace 的团队撰写。SuperDevSpace 是一款桌面应用,让一支 AI 编程智能体团队运行在你已有的 CLI 订阅上。

分享

接收发布通知邮件

SuperDevSpace 向所有人开放时,我们只发一封邮件。你需要先在收件箱中确认地址,退订只需一次点击。

拥有你自己的 AI 团队

SuperDevSpace 使用你已有的 CLI 订阅运行。14 天免费试用,无需绑卡。

免费试用

继续阅读