MargoWork Docs

APP 发布

在应用中制作和检查网站,配置变量与 Secret,发布到 Cloudflare 并持续更新。

MargoWork 的应用将制作对话、文件和开发预览放在同一个工作空间中。你可以先与 Agent 完成页面,再由应用所有者配置发布目标,将网站发布到 Cloudflare。后续修改沿用这个应用,检查后重新发布。

本页从打开一个已有 App 开始,按制作、预览、配置、发布和更新的顺序说明。

开始前

  • 打开要制作的网站所对应的 App,确认当前运行环境可用,能够正常发送任务。
  • 在应用内选择 Agent 和模型。对话与文件的使用方式见 Agent 使用。
  • 应用所有者(Owner)负责网站配置和发布;协作者按照各自权限参与制作。
  • 发布需要已授权的 Cloudflare MCP 连接和可用的 Cloudflare 账号。尚未连接时,可以先制作和检查应用,再完成发布准备。

描述需求并制作应用

在当前应用的对话中说明网站的用途、内容、主要操作和预期结果。有图片、文案或参考文件时,一起提供给 Agent。

例如:

制作一个个人作品集网站,包含自我介绍、三张作品卡片和联系入口。点击作品卡片可以查看详情,手机上也要能正常阅读。先完成可以预览的版本。

Agent 完成初版后,在同一应用中继续提出修改。描述具体位置和期望行为,例如“作品详情页增加返回按钮”,或“手机上把三列作品卡片改成单列”。

涉及外部服务时,在任务中写明要展示哪些数据、允许访问哪些内容,以及谁会使用网站。密钥的具体值在后面的「网站配置」中填写。

检查开发预览

  1. 打开应用工作区中的预览,等待页面加载。
  2. 检查文字、图片、导航和主要按钮。
  3. 使用预览工具栏切换手机等尺寸,确认内容能完整显示、按钮能操作。
  4. 完成一条主要使用流程,例如打开作品详情、搜索内容或提交表单。
  5. 把问题反馈到当前应用的对话中。Agent 修改后,再检查对应结果;需要时使用预览工具栏刷新。

预览就绪后,可以从工具栏在新窗口打开。折叠右侧面板只会收起视图,不会主动停止应用预览。

开发预览运行在当前 Server 上,用来查看制作过程中的结果。Server 重启后,重新打开预览并等待启动;有编辑权限时,页面会尝试自动启动预览。发布成功后的网站使用单独的线上地址。

预览和线上网站有什么区别?

内容开发预览已发布网站
展示的内容当前应用的开发结果最近一次确认发布成功的内容
访问入口应用工作区的预览及预览新窗口发布区域展示的线上地址
网站配置不自动获得生产环境的 Secret使用该次发布包含的变量和 Secret
修改后的变化在开发预览中继续检查重新发布成功后才更新

预览能打开,说明页面已经可以加载;表单提交、外部数据读取和保存结果仍需按网站的实际功能检查。

预览失败时,保留当前应用和已经完成的修改,根据错误提示修复后重试。具体处理见 预览无法打开。

按需配置变量和 Secret

静态展示网站通常不需要额外配置。网站需要从外部服务读取数据,或需要服务端使用的参数时,由 Owner 打开当前应用的设置,在「网站配置」中填写。

App 设置中的网站配置表单,以及尚未授权 Cloudflare 连接时的发布提示

图中尚未添加网站配置,也未设置发布连接;先完成对应准备,再发布网站。

字段填写内容
名称与网站代码使用的名称一致,例如 SUPABASE_URL。名称可以包含字母、数字和下划线,首字符不能是数字。
类型普通参数选择「变量」;令牌、密钥等凭据选择「Secret」。
值参数或凭据的实际值。Secret 输入框会隐藏输入内容。
必需网站运行不可缺少的配置勾选「必需」;未填写必需项时,发布会提示缺少的名称。
  1. 让 Agent 说明网站需要的配置名称及用途。
  2. 在「网站配置」填写名称、类型、值和必需状态,点击「添加配置」。
  3. 查看列表中的「已配置」或「缺少值」,确认必需项已填好。
  4. 修改已有配置时,点击「编辑」,填写新值后保存;不再使用的配置可以删除。
  5. 完成配置后,按下一节发布网站。

保存后不会回显已有配置值。编辑配置时填写完整的新值,核对名称和类型后再保存。Agent 只查看配置名称、类型及是否已填写,不读取配置值。

保存或删除失败时,按错误提示处理。提示配置已发生变化时,先刷新并核对当前配置,再重新保存。已有条目显示「已配置」可能仍对应旧值;以本次操作无错误且列表更新后的状态为准。

场景:展示 Cloudflare 或 Supabase 数据

以展示 Supabase 数据为例,网站可能需要 SUPABASE_URL 作为变量,以及用于访问服务的 Secret。实际名称由网站代码决定;让 Agent 先说明需要的名称,再在配置页面填写值。

网站的服务端使用这些配置请求外部服务,并把允许展示的数据返回页面。不要把服务端密钥写进网页代码或普通对话。

用于发布网站的 Cloudflare 连接和网站读取业务数据所需的 Secret用途不同,需要分别完成配置。添加一个 Secret 不会自动创建数据库、连接数据源或实现页面的数据读取功能。

「待发布生效」是什么意思?

添加、修改或删除网站配置后,当前线上网站仍使用上一次成功发布的配置。只有下一次发布成功,变更才会生效。

生产 Secret 不自动提供给开发预览。如果预览中的真实数据请求因缺少配置失败,需要明确识别这个状态;不能把示例数据当作连接成功。发布后,再检查线上网站是否按预期读取数据。

设置目标并发布

由 Owner 在当前应用的设置中找到「发布」区域。首次发布先选择目标,之后在同一目标上更新网站。

首次设置发布目标

  1. 在「Cloudflare 连接」中选择已授权的连接。
  2. 选择要使用的 Cloudflare 账号。
  3. 点击「设置发布目标」。设置完成后,页面显示该应用对应的 Worker。

每个应用使用固定的独立 Worker。发布目标绑定后,后续发布沿用这个目标。

如果页面显示「暂无已授权的 Cloudflare 连接」,先完成 Cloudflare MCP 的连接和授权,再回到发布区域刷新。连接与授权操作见 Agent 使用。

发布网站

  1. 确认开发预览中的主要内容和操作已检查。
  2. 确认网站需要的必需配置已填写。
  3. 点击「发布网站」,等待发布状态返回。
  4. 页面显示「已发布」并提供线上地址后,打开地址检查实际结果。

目标配置完成后,Owner 也可以在该应用的对话中明确要求 Agent 发布。制作完成或预览就绪不会自动代表网站已经发布。

如何理解发布状态?

页面显示当前含义接下来做什么
正在发布…发布请求正在处理,尚未确认完成。等待结果;状态刷新暂停时,使用「刷新状态」。
已发布本次发布已确认成功。打开线上地址,检查页面和主要功能。
缺少配置某个必需配置没有值,当前发布未完成。按提示到「网站配置」补齐对应名称,再重新发布。
发布失败本次操作未确认发布成功。按提示检查配置、连接或构建问题,修复后重新发布。
发布结果待确认系统暂时不能确认这次发布的最终结果。点击「核对发布结果」,先确认原操作的结果。

已有网站时,发布区域可能继续保留上一次成功发布的地址。因此,看到线上链接本身不能证明最新修改已经上线;要同时查看本次状态,并打开网站核对内容。

遇到失败或结果待确认时,详细处理见 发布问题。

分享发布后的地址

发布成功后,从发布区域复制线上地址,交给使用网站的人。分享前打开该地址,确认页面和主要操作符合预期。

需要别人参与制作时,使用 协作共创 中的邀请流程。工作空间的成员权限与网站本身的访客权限分别管理;邀请协作者不会自动给网站增加登录或访问限制。

修改并更新网站

  1. 回到原 App 的对话,说明需要修改的内容。
  2. 在开发预览中检查修改,并确认原有主要操作仍正常。
  3. 网站新增或更换了配置时,由 Owner 在「网站配置」中保存。
  4. 点击「重新发布」,等待明确的成功状态。
  5. 打开原发布地址,检查新内容是否生效。

修改源文件、完成预览检查或保存配置,都不会直接替换已经发布的网站。每次重新发布以本次应用内容和配置为准。

如果本次发布失败,先确认当前线上网站实际提供的内容,再修复问题。结果待确认时,使用「核对发布结果」处理原操作。

应用包含数据时

网站涉及数据读取、保存或登录时,需要另外确认这些功能确实由应用实现:

  • 展示外部数据:检查线上页面使用的是真实服务返回的数据,以及展示范围是否符合需求。
  • 保存记录:完成一次保存,再刷新页面,确认记录仍能读取。
  • 使用网站账户:按网站实际的登录和权限流程,确认不同用户能访问的内容。

发布网站不会自动开通数据库、登录服务或数据迁移。更新代码也不会自动回退外部服务中的数据。需要这些能力时,在当前应用任务中说明具体行为,由 Agent 完成相应功能后再检查。

On this page