返回指南

    如何将 Poe Canvas 应用转成公开网站

    你已经用 Poe Canvas 构建了一个出色的 AI 应用,并且已经导出了 HTML 源代码。接下来呢?本指南教你如何使用 AppToPub 把该 HTML 转换成一个公开可访问的网站——无需编写任何代码,在 60 秒内完成。

    📄 HTMLCanvas 源代码🔑 API 密钥Poe 开发者AppToPub部署与代理🌐 公开网址任何人均可访问

    你需要准备的东西

    • 你的 Poe Canvas HTML — 从 Canvas 编辑器复制的源代码(若尚未完成,请参阅我们的导出指南
    • 一个 Poe API 密钥 — 可从你的Poe 开发者设置获取。此密钥让你转换后的应用能与 AI 模型通信。

    逐步转换流程

    1. 前往 AppToPub 上传区域就在首页——无需账号即可开始。
    2. 粘贴或上传你的 HTML。 你可以直接将 HTML 源代码粘贴到文本区域,或上传已保存的 .html 文件。AppToPub 两种方式都支持。
    3. 输入你的 Poe API 密钥。 将你的 API 密钥粘贴到指定字段。你的密钥在存储前会以 AES-256 加密,绝不会出现在应用的客户端代码中。
    4. 点击「Convert & Publish」。 AppToPub 会处理你的 HTML、改写 Poe API 调用以安全地使用你的密钥,并将应用部署到一个唯一的网址。
    5. 复制你的公开网址。 几秒内你就会收到一个可分享的链接,例如 apptopub.com/app/abc123。任何拥有此链接的人都可以使用你的应用——无需 Poe 账号。

    AppToPub 如何转换你的应用

    在底层,AppToPub 执行了几项转换,让你的 Canvas 应用能作为独立网站运行:

    • API 代理改写 — Poe Canvas 应用直接调用 Poe 的嵌入 API。AppToPub 会改写这些调用,让它们经由使用你加密 API 密钥的安全服务器端代理路由。终端用户无法看到或访问你的密钥。
    • CDN 资源代理 — 你的应用引用的外部脚本和样式表会被代理,以确保它们能从部署网址正确加载。
    • 独立部署 — 你的应用以一个完整、独立的网页形式提供服务,拥有自己的网址,不需要 Poe.com 环境即可完整运行。

    AppToPub 不会做的事

    为了建立清晰的预期,以下是超出转换范围的事项:

    • 不会为你的应用新增功能 — AppToPub 会完全照原样转换你的 HTML。如果你的 Canvas 应用有错误或缺少功能,转换后的版本也会有同样问题。请在导出前先在 Canvas 编辑器中修复。
    • 不提供自定义域名 — 你的应用位于 apptopub.com/app/your-slug。你无法将自己的域名指向它。如果你需要自定义域名,就需要使用传统主机。
    • 不添加服务器端逻辑 — 转换会代理 API 调用并提供静态 HTML。如果你的应用需要后端处理、定时任务或超出 Poe API 所提供的数据库存储,你就需要更传统的部署方式。

    免费与付费方案

    AppToPub 提供三种定价方案

    • 免费($0/月) — 1 个已发布应用。未登录时应用将在 72 小时后到期;登录后可永久托管。
    • 基础($5/月) — 10 个应用、永久托管、自定义网址短标(例如 apptopub.com/app/my-cool-app)及使用分析。
    • 高级($15/月) — 100 个应用、所有基础方案功能,另加密码保护以限制访问。

    自定义你的应用网址

    在基础和高级方案中,你可以为你的应用设置自定义网址短标。不用像 apptopub.com/app/abc123 这样的随机 ID,你可以选择一个好记的名称,例如 apptopub.com/app/my-ai-calculator。这对以下场景特别有用:

    • 专业客户演示
    • 社交媒体分享(好记的链接获得更多点击)
    • 希望使用品牌化网址的作品集页面

    疑难排解

    转换后应用显示空白页面
    这通常表示 HTML 没有被完整复制。请回到 Poe Canvas 编辑器,使用 Ctrl+A / Cmd+A 全选,然后再试一次。
    API 调用无法运行
    请再次确认你的 Poe API 密钥有效且有足够点数。你可以在 poe.com/api_key 验证你的密钥。
    应用外观与 Canvas 版本不同
    由于应用不再处于 Poe 的 iframe 环境中,可能会出现轻微的渲染差异。大多数应用运行完全相同。如果你发现问题,请检查是否有依赖 Poe 父页面样式的 CSS。

    你的应用已上线——现在是让更多人看到它的时候了。了解如何与任何人分享你的应用,无需 Poe 账号,包括社交媒体、邮件推广及客户交付的技巧。

    准备好转换您的 Poe Canvas 应用了吗?

    开始转换