什麼是 Poe Canvas?新手完整指南

了解 Poe Canvas 是什麼、如何運作、能用它打造什麼。

Poe Canvas 是 Poe.com 上的一項功能,讓你無需傳統開發環境就能打造由 AI 模型驅動的互動式網頁應用。如果你曾想建立聊天機器人、資料工具、測驗,或使用 GPT-4、Claude、Gemini 的互動小工具,Canvas 就是把點子變成可運作原型最快的方法。

Poe Canvas 如何運作

Canvas 在 Poe 內提供一個瀏覽器版的程式碼編輯器,讓你撰寫 HTML、CSS 與 JavaScript。它的特別之處在於內建連接 Poe 的 AI 模型基礎設施。你的應用可以向 Poe 上任何可用的 AI 模型送出提示並接收串流回應 — 全部透過 Poe 自動提供的簡單嵌入 API 完成。

工作流程大致如下:

1. 建立新的 Canvas 專案 — 開啟 Poe,與機器人開始對話,請它建立一個 Canvas 應用。AI 會為你產生初始程式碼。
2. 編輯與迭代 — 使用內建編輯器修改 HTML、CSS 與 JavaScript。你也可以用自然語言描述需求,請 AI 幫你修改。
3. 即時預覽 — Canvas 會在你編輯時即時渲染你的應用。你不必切換工具就能看到它的外觀與行為。
4. 在 Poe 內分享 — 其他 Poe 使用者可透過 Poe 連結存取你的 Canvas 應用。他們需要 Poe 帳號才能使用。

誰在使用 Poe Canvas?

Canvas 吸引了各式各樣的創作者,各有不同目標:

• 為客戶打造工具的自由工作者 — 一位自由接案的行銷人員為每位客戶打造客製化的內容綱要產生器。客戶描述他們的產品,應用就產出含目標關鍵字、語氣指引與競品參考的結構化綱要。這位自由工作者把它當成獨立工具交付,客戶不必另約會議就能重複使用。
• 製作學習輔助的老師 — 一位高中自然科老師打造一個測驗應用,能從任何教科書章節產生題目。學生貼上閱讀材料,應用便建立附解說的選擇題測驗。老師把連結分享到班級入口,讓學生在考試前自我測驗。
• 驗證點子的獨立開發者 — 一位有創業點子的開發者花 15 分鐘做出可運作的原型,而不是花一個週末處理樣板程式碼。他們透過分享公開連結讓真實使用者測試概念、收集回饋,並決定是否投入完整開發 — 全部都在寫下任何一行後端程式碼之前完成。

你能用 Poe Canvas 打造什麼?

Canvas 出乎意料地萬用。以下是人們實際打造的應用類別:

• AI 聊天機器人 — 具有特定人設、系統提示與回應風格的客製化對話介面
• 教育工具 — 由 AI 驅動的測驗產生器、字卡應用、語言家教與學習輔助
• 內容產生器 — 部落格寫手、社群媒體文案工具、含可自訂範本的電郵草稿工具
• 資料工具 — CSV 分析器、JSON 格式化工具、文字轉換器與文件摘要工具
• 創意工具 — 故事產生器、詩歌助手、RPG 遊戲主持人與互動式小說引擎
• 商務工具 — 發票產生器、會議摘要工具、競品分析助手與客戶 FAQ 機器人
• 遊戲 — 益智問答、文字謎題,以及運用 AI 產生動態內容的互動冒險

想找具體的專案靈感,請參閱我們的指南 10 個你今天就能打造並分享的 Poe Canvas 應用點子。

分享的限制

Canvas 有一個重大限制:應用只能在 Poe 內運作。當你分享 Canvas 應用連結時,接收者必須擁有 Poe 帳號並登入才能使用。這把你的受眾侷限於既有的 Poe 使用者。

如果你想做以下這些事,就會遇到實際問題:

• 把應用分享給不使用 Poe 的客戶
• 在社群媒體上發布可運作的展示
• 把應用嵌入你自己的網站
• 放進招募主管可存取的作品集
• 透過電郵或通訊軟體分發給廣大受眾

如何讓 Canvas 應用公開

AppToPub 解決了分享的限制。它取得你的 Canvas 應用 HTML 原始碼,改寫 API 呼叫以使用你自己的 Poe API 金鑰,並把它部署成擁有專屬網址的獨立公開網頁應用。

轉換流程不到 60 秒:

1. 匯出你的 Canvas 應用 HTML
2. 把它連同你的 Poe API 金鑰貼進 AppToPub
3. 取得任何人都能存取的公開網址 — 無需 Poe 帳號

完整教學收錄於我們的 轉換指南。

Canvas 與傳統網頁開發比較

Canvas 並非要取代傳統網頁開發 — 它是為不同目的而生的不同工具。以下是並列比較:

開始前該知道的限制

Canvas 在它的領域很強大,但有一些你應該事先了解的真實限制:

• 僅限單一檔案應用 — 你的整個應用必須放在一個 HTML 檔案裡。你無法把程式碼拆成多個檔案或使用模組匯入。對複雜應用而言,這代表要在單一文件內仔細組織。
• 沒有持久化資料庫 — Canvas 應用無法在工作階段之間儲存資料。使用者每次重新整理,應用就會重設。你可以用 localStorage 做客戶端持久化,但沒有伺服器端資料庫。
• 沒有伺服器端邏輯 — 一切都在瀏覽器執行。你無法執行後端程式碼、排程任務或在伺服器端處理資料。唯一的伺服器互動是透過 Poe 的 AI 模型 API。
• 依賴 Poe 生態系 — 你的應用 AI 功能仰賴 Poe 的基礎設施。如果 Poe 變更其 API 或定價,你的應用就會受影響。當你透過 AppToPub 部署時,你的 Poe API 金鑰用量會綁定於你的 Poe 帳號限制。

開始使用 Canvas

如果你剛接觸 Poe Canvas,以下是通往你第一個公開應用最簡單的路徑:

1. 在 poe.com
2. 與任何機器人開始對話,請它「建立一個能做〔你的點子〕的 Canvas 應用」
3. 藉由告訴機器人要改什麼來迭代設計
4. 當你滿意之後,匯出 HTML 並 用 AppToPub 轉換它

準備好打造你的第一個應用了嗎?下一步是取得你的 API 金鑰,讓你的應用在部署後能與 AI 模型通訊。請接著參閱我們的指南 如何取得你的 Poe API 金鑰。

相關指南

• 如何取得 Poe API 金鑰
• 如何將 Poe Canvas 應用匯出為 HTML
• 10 個今天就能打造的 Poe Canvas 應用點子