建立與 deploy App
請 Chat 建立互動式 app,或貼上您自己的 HTML——然後預覽、deploy 與發布。
最後更新 2026年9月6日
有兩種方式建立 app:Build with Chat(建議)或貼上您自己的程式碼(開發者)。
方法一——使用 Chat 建立(建議)
- 開啟 Apps → Create app — 依指南操作,或直接前往 Chat。
- 在撰寫區開啟 APP button。
- 描述 app,例如:「為 P4 學生建立分數配對遊戲。」
- Chat 撰寫程式碼。在工作區面板的 App 分頁 Preview 或查看 Code。
- 在 Chat 中迭代:「把按鈕放大」 或 「加入計分器。」
- 準備好後,點擊 Deploy 發布公開連結。
從 My Apps 開啟 app 會進入 app workspace:主區域是 preview 與 code,側邊面板可編輯名稱、科目、年級、duplicate code 與已連結 Chat。
App 面板控制項
| 操作 | 功能 |
|---|---|
| Preview / Code | 在 live preview 與 HTML 編輯器間切換 |
| Save | 儲存草稿程式碼(編輯時自動儲存) |
| Deploy / Redeploy | 將快照發布至公開 URL |
| Publish | 加入學校或公開展示區(需先 deploy) |
| Share | 複製 duplicate code 或 app link |
| Restart | 重新載入 preview iframe |
若 preview 發生執行時錯誤,請 Chat 修正——錯誤會顯示在面板中。
方法二——貼上您自己的程式碼
適合已有現成單檔 HTML app 的開發者:
- Apps → Create app → I'm a developer — I have my own code。
- 輸入 app name 並貼上完整 HTML 文件。
- 點擊 Create app — 開啟 app 詳情頁(未連結至 chat)。
- 預覽、編輯程式碼,準備好後 Deploy。
匯入與開發者貼上的 app 之後可 start a linked chat,讓 Chat 查看並編輯 app。
Deploy
Deploy 會建立任何人可開啟的公開遊玩連結:
- 儲存最新程式碼。
- 點擊 Deploy(變更後為 Redeploy)。
- 可選填 description、subject 和 grade levels,方便他人在展示區找到。
- 從 Share 複製 app link。
程式碼變更後隨時 redeploy——連結不變,但提供新版本。
發布至展示區
Deploy 後:
- My school — 出現在學校展示區。Auto-publish apps 開啟時立即上架;否則進入 Pending,待管理員核准。見 School Apps moderation。
- Public gallery — 提交 admin approval,通過後才出現在所有使用者的 Public 分頁。
新增 subject 與 grade 中繼資料,方便教師篩選展示區。
從 Apps 目錄管理
從 My Apps 開啟任一 app 可:
- 編輯中繼資料(name、subjects、grades)
- 開啟 linked chat(或尚無連結時 Link to chat)
- Share duplicate code
- Delete(移除 app 及其公開連結)
Link to chat
以貼上程式碼或匯入建立的 app 可能沒有 linked chat。從 app 選單 → Link to chat → 選擇尚未附加 app 的 direct Chat 對話。每個 chat 僅支援一個 app。
使用 Chat 建立會依訊息消耗 chat credits。App 建立完成後,deploy 與 publish 免費。



