Web 应用程序

从终端、测试跑道或AI代理调用运行中的网页中的功能。 注册工具 @appduct/web;只有您注册的工具才能到达。 使用任意框架或平版JavaScript工作.

所需资源

• 与Apptution CLI相同的计算机上的浏览器.
• 本地开发页面, 例如 http://localhost:5173/对于 HTTPS 页面,请检查 浏览器和运输指南。 。 。 .
• 这个 appduct CLI: 爱丽丝 npm install -g appduct (节点20或更新.

开始

安装 SDK :

npm install @appduct/web

在您的页面启动代码中注册一个工具 :

import { registerTool } from "@appduct/web";

registerTool({
  name: "seed_cart",
  description: "Fill the cart with test items.",
  inputSchema: {
    type: "object",
    properties: { items: { type: "number" } },
    required: ["items"],
  },
  handler: async ({ items }) => ({ added: items }),
});

运行您的开发服务器, 然后使用它的 URL 连接页面 :

appduct sessions link --open web http://localhost:5173/

打开浏览器中的 URL 打印, 然后 :

appduct tools ls
appduct tools call seed_cart --input '{"items":3}'

工具返回 {"added":3}。 。 。 .

事情要知道这一点

• 重新装入会话恢复; 新标签没有 . 页面在声称后会从地址栏中删除连接链接.
• 原始计划不能验证论证. 检查处理器中的输入, 或使用 支持的计划库。 。 。 .
• 反应有钩入. 导入 useAppductTool 从 @appduct/web/react 在组件挂起时注册工具.
• 一个代理可以不重新装入连接. appduct_connect 返回可在页面中运行的脚本。 DevTools 和 Playwright 连接包含在 驱动网页。 。 。 .
• 如果没有连接, 请检查建筑 . 默认导入需要您的捆绑器 development 条件。 否则它使用惰性条目;见 网络设置。 。 。 .

发行构建

默认条目位于 development 导出条件: 它没有注册, 没有打开连接, 没有定义 window.__APPDUCT__。要将“应用程序”包括在中转建筑中,请导入允许的条目:

import { registerTool } from "@appduct/web/enabled";

只用在构建你的控制。 网页不会给守护进程按键钉上钉子; 审查 网络安全,包括允许的出处,然后启用主机页面。 见 构建变体。 。 。 .

学多点

• 网络设置
• 驱动网页: 浏览器支持、 DevTools 和 Playwright
• 写入工具计划、超时、团体和活动
• 连接代理 超过 MCP
• 网络操场: 可运行的示例

由 Calltack 制作

appduct 是一个开源项目,将永远自由使用。 如果你觉得这很酷,请 显示它. 调用 一群反动和反动的本地怪人 联系我们 你好@ callstack.com 如果你需要帮忙的话 或者只是想打个招呼!

喜欢这个项目吗 加入队伍吧 谁为客户做惊人的事情 驱动 React Independent Open Source