建立與 deploy App

請 Chat 建立互動式 app,或貼上您自己的 HTML——然後預覽、deploy 與發布。

最後更新 2026年9月6日

有兩種方式建立 app:Build with Chat(建議)或貼上您自己的程式碼(開發者)。

方法一——使用 Chat 建立(建議)

  1. 開啟 Apps → Create app — 依指南操作,或直接前往 Chat
  2. 在撰寫區開啟 APP button
  3. 描述 app,例如:「為 P4 學生建立分數配對遊戲。」
  4. Chat 撰寫程式碼。在工作區面板的 App 分頁 Preview 或查看 Code
  5. 在 Chat 中迭代:「把按鈕放大」「加入計分器。」
  6. 準備好後,點擊 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 的開發者:

  1. Apps → Create app → I'm a developer — I have my own code
  2. 輸入 app name 並貼上完整 HTML 文件。
  3. 點擊 Create app — 開啟 app 詳情頁(未連結至 chat)。
  4. 預覽、編輯程式碼,準備好後 Deploy

匯入與開發者貼上的 app 之後可 start a linked chat,讓 Chat 查看並編輯 app。

Deploy

Deploy 會建立任何人可開啟的公開遊玩連結

  1. 儲存最新程式碼。
  2. 點擊 Deploy(變更後為 Redeploy)。
  3. 可選填 descriptionsubjectgrade levels,方便他人在展示區找到。
  4. 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 免費。

仍需協助?

在 App 內傳送意見,或聯絡我們的團隊。

聯絡我們
Zack

立即試用 Zense AI

如有任何問題,歡迎隨時聯絡我們

WhatsApp