返回指南

    如何將 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 應用了嗎?

    開始轉換