创建与 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 免费。



