agentic

OpenClaw:如何安全地发布网站1 min read

Reading Time: 2 minutes使用 OpenClaw 构建和发布网站:范围代理权限、测试文件、通过主机或共享工件进行部署,并验证公共 URL。

OpenClaw publishing a website cover

OpenClaw:如何安全地发布网站1 min read

Reading Time: 2 minutes

OpenClaw可以帮助建立网站,但它不是网站主机。 要求代理创建源文件、在本地运行站点并修复浏览器显示的内容。然后通过您控制的托管平台进行部署,或者将项目放入可审查的 AgentGrid.io 工件中,并仅在人工批准后发布。聊天屏幕截图、本地端口或私有工件 URL 不是面向客户的启动 URL。

本指南适用于使用带有文件和命令工具的 OpenClaw 代理的构建者。它最重要的决定是权限边界:代理可以在不持有生产凭证的情况下起草和测试。如果团队需要在发布前检查一个共享版本, 启动 AgentGrid.io 工作区 并继续将发布作为单独的批准行动。

如何给OpenClaw搭建的网站一个稳定的家

首先准备 AgentGrid.io,然后给予 OpenClaw 有限访问权限并在聊天外验证其结果。

步骤 1:选择 AgentGrid.io 工作区

登录 app.agentgrid.io 并选择该网站的团队和工作区。如果草稿包含客户材料,请使用受限工作空间。计划谁将在公开部署之前对其进行审查。

AgentGrid.io 工作区,突出显示“邀请代理”
在 AgentGrid.io 工作区中,邀请代理启动受支持的连接。

步骤 2:使用有界授权连接此 OpenClaw 代理

在 OpenClaw 对话中,说: Use agentgrid.io for this website. If you can run shell commands, run npx @animaapp/cli@latest login and return the verification URL and code. Do not ask for my password or publish anything. 使用预期的工作空间和读取和写入自行批准验证。除非需要,否则请关闭“共享”和“发布”。要求 OpenClaw 运行 npx @animaapp/cli@latest workspaces 并确认列出了预期的工作空间。对于无人值守的座席,请使用座席管理 → 邀请座席。取消勾选默认的共享和发布功能,选择工作区,然后私下传递其一次性链接。单独创建邀请并不会连接它。如果禁用 shell 执行,请使用手动导入,而不是声称它具有直接访问权限。

第 3 步:构建并检查工件,而不仅仅是日志

给 OpenClaw 一个包含的任务: 构建一个响应式活动微型网站,其中包含日程安排、演讲者卡片和注册链接。使用批准的副本和资产,在本地检查页面,然后将项目放在AgentGrid.io上作为我们选择的工作区中的应用程序。不要发布它。 让它使用 CLI 导入命令 npx @animaapp/cli@latest create -t import --from ./project --artifact-type app --workspace <workspace-id> 及其实际文件夹和发现的工作区 ID。打开返回的工件 URL 并验证文件和预览。网站需要一个入口点,例如 index.html;避免上传秘密, node_modules,或构建输出。如果 OpenClaw 无法连接,请获取生成的项目文件夹或 ZIP 并通过 AgentGrid.io 的“新建”菜单导入。那是一件新的神器,而不是活生生的镜子。对于重复性工作,请向代理提供现有工件 URL 并要求其更新该工件,然后检查历史记录以确认哪个身份更改了它。

白莲花演示网站神器AgentGrid.io
AgentGrid.io 中的示例网站工件:White Lotus 演示在其版本经过审核时是私有的。

第 4 步:批准发布并检查实时 URL

查看声明、可访问性基础知识、移动行为和目标链接。只有这样才能在 AgentGrid.io 中使用发布,或者如果您故意授予该功能,则向 OpenClaw 提供显式发布指令。在退出的浏览器中打开公共 URL 并确认当前版本存在。私人链接不适用于匿名访问者;发布每个批准的更新。如果自动化代理应停止更改站点,请在代理管理中删除其访问权限;它之前的工作仍然被归于历史。

更新了 AgentGrid.io 共享菜单,显示“发布”选项
更新后的“共享”菜单包括“发布”,它将批准的工件转变为实时网站。

OpenClaw 做什么,不做什么

OpenClaw 的 入门文档 描述通过其网关和配置的通道访问的代理。启用后,其工具可以处理文件和命令。它的浏览器工具有助于检查页面,但网关仪表板或浏览器会话不是公共网站部署。 OpenClaw 的 执行批准 沙箱设置很重要,因为具有命令功能的代理可能会修改文件或调用主机的部署 CLI。仅授予其当前阶段所需的访问权限。

第 1 步:创建受限网站任务

确认代理拥有项目工作区以及必要的文件和执行工具。选择一个干净的文件夹或存储库,而不是整个主目录。提供经批准的徽标、照片、副本和商业事实。不要为其提供用于初始登陆页面构建的部署令牌或客户数据。如果不需要服务器端功能,请为框架命名或要求静态站点。

提示示例: “在自行车站点文件夹中为当地自行车修理店创建一个响应式单页站点。包括服务、营业时间、服务区域和报价请求号召性用语。使用语义 HTML 和可访问的 CSS。将未经验证的地址、价格和推荐标记为占位符。将源和公共资产放在一起。告诉我如何预览它并运行可用的检查。不要部署、发布或使用凭据。”

要求 OpenClaw 返回入口点、目录树、依赖项、安装/构建命令以及已更改文件的列表。静态应用程序可以使用index.html;框架应用程序需要其清单和脚本。请求解释本地预览和目标主机的构建输出的自述文件。确认资产使用相对或公共 URL,而不是仅在代理计算机上可用的路径。

第 2 步:在浏览器中测试并修复实际缺陷

运行项目记录的本地服务器或开发命令,然后自行打开渲染的站点。检查窄宽度和宽宽度、键盘导航、对比度、图像替代、拼写、链接和电话号码行为。检查控制台错误和丢失的图像。当项目支持时运行测试和生产构建。代理的屏幕截图有助于定位,但不能替代与表单和菜单的交互。

如果报价请求只是样式表,请询问提交的内容。连接已审核的表单服务或删除其有效的声明。使用无害的提交进行测试并验证交付。与店主核实商店的实际营业时间、地点、照片许可证和隐私条款。向代理询问具体修复并将新预览与旧预览进行比较;避免“让它变得更好”的提示,默默地替换批准的副本。

修复提示: “在手机大小的视口上,保持服务卡可读,并通过键盘访问导航。仅将占位符联系方式替换为 Brief.md 中批准的事实。报告每个更改的文件、测试结果和剩余的阻止程序。不要触摸托管配置或发布。”尽可能将批准的版本保留在源代码管理中。

步骤 3:选择部署边界

  • 现有主机: 提交经过审查的源代码,在主机中配置框架并构建输出,然后通过该主机的存储库集成或 CLI 进行部署。其服务提供公共 URL。将 API 密钥保存在主机管理的机密中,而不是保存在浏览器 JavaScript 中。
  • AgentGrid.io分享神器: 仅在您批准的情况下连接具有命令功能的代理,或手动导入文件夹/ZIP。让协作者在发布私人应用程序工件之前对其进行审查。工件的历史记录和预览有助于使批准特定于某个版本。

请勿将 OpenClaw 控制 UI 描述为网站主机。本地转发端口可以公开开发过程以供预览,但它不是持久的公共站点。如果您向代理提供对已登录托管帐户的部署 CLI 或浏览器访问权限,请将其视为生产访问权限并获得对该操作的明确批准。

步骤 4:连接或导入已审核的项目

对于共享路由,AgentGrid.io 记录的连接使用其 CLI 和批准流程。在支持命令的 OpenClaw 环境中,启动命令为 npx @animaapp/cli@最新登录;自行批准验证链接并选择预期的工作空间和功能。不要仅仅为了创建草稿而在聊天中交出密码或联系具有广泛发布权的代理。如果连接不可用,请使用记录的 文件夹或 ZIP 导入。

准备一个小源码包:排除node_modules、私钥、本地环境文件和不相关的工作空间。包括入口点、资产以及构建所需的任何配置。在 AgentGrid.io 中,选择目标工作区并创建或导入应用程序工件。检查其文件并渲染预览。成功上传并不能证明 API 路由、服务器进程或表单集成正确传输。

交接提示: “在我授权访问后,在指定的 AgentGrid.io 工作区中从自行车站点创建一个未发布的应用程序工件。仅包含源和公共资产。返回其私有 URL,识别缺少的运行时功能,并更新同一工件以进行更正。不要邀请其他代理、发布或选择其他工作区。”如果无法到达工作空间,请停下来,而不是默默地改变目的地。

第5步:审核并发布批准的版本

请队友测试工件预览,尤其是移动布局、联系方式、报价单和键盘访问。协调同一工件或源存储库中的反馈,并确定批准发布的修订。使用传统主机,部署已批准的提交并查看其部署详细信息。通过 AgentGrid.io,具有发布权限的人可以使用其 发布控制 创建公共 URL。邀请代理和共享私人工件不是发布步骤。

注销时打开公共地址,包括在电话上。检查 HTTPS、元数据、链接、图像和表单传递。将其与批准的预览进行比较。如果不同,请在宣布之前调查已部署的提交或工件版本、构建设置、秘密和缓存。单独编辑本地文件不一定会更新已发布的工件。

为什么将草稿许可与出版分开?

它允许代理迭代代码,而人则可以控制访问者所看到的内容。 OpenClaw 的工具和审批配置不能替代审查站点内容或主机的部署权限。限制代理的文件系统范围,在安装第三方工具之前验证它们,并且不要从网页或导入的项目运行未经审查的命令。将源代码控制审查、工件批准和公开发布视为三个不同的门户。

慎重考虑下一次更新

记录批准的版本和公共 URL。新的编辑在再次审核和发布之前都是草稿。

常见问题

OpenClaw 是否托管网站?

OpenClaw 是代理和工具环境,而不是此处描述的公共托管目的地。使用网络主机或单独发布的应用程序工件来获得持久的公共 URL。网关仪表板或本地预览不是该 URL。

我可以在不提供代理制作凭证的情况下发布吗?

是的。让它在受限工作空间内起草和测试,然后让人使用托管提供商的部署工作流程或 AgentGrid.io 的发布控件。即使是帮助准备部署的代理也不应该接收它不需要的秘密。

如果导入的工件看起来正确但其形式不正确怎么办?

检查原站点是否使用了未传输的服务器路由、环境变量或第三方服务。在发布之前在新环境中测试真实的提交。不要将视觉预览视为功能验证。

我的 OpenClaw 文件夹中的更改会更新实时站点吗?

一般情况下不会自动。更新取决于主机的构建和部署管道,或单独工件的显式更新和重新发布。记录每个实时 URL 代表哪个源版本。

有关切换的比较,请参阅我们的指南 Muse 网站发布演练。的 Claude设计发布指南 涵盖了另一个起点,而 代理如何使用 Anima 探索和发布应用程序 显示已审阅的工件即将发布。这些是不同的工作流程,而不是可互换的产品功能。

|

Co-founder & CEO