第16讲 · 发布与分享待办轻应用
发布与分享
待办轻应用
把网页端的网站,发布成可以分享的网页应用。
1认识网页轻应用
2用Comate发布并分享
3回顾整套Python课程
网页轻应用是什么
1把已有网页交给平台托管
2发布后获得正式应用地址
3使用者通过浏览器操作
4谁能访问,由发布范围决定
上一讲的网页,换一个使用入口
原有网页资源 ↓ Comate发布托管 ↓ 正式应用地址 ↓ 授权使用者在浏览器操作
本地网页与分享版的区别
| 比较项 | 本地网页 | Comate分享版 |
|---|---|---|
| 打开地址 | 本机预览地址 | 平台提供的正式应用地址 |
| 访问范围 | 当前开发环境 | 按平台账号与发布范围授权 |
| 运行条件 | 开发者启动本地服务 | 平台托管,浏览器加载资源 |
| 任务功能 | 新增、完成、筛选、统计 | 沿用同一套网页和Python逻辑 |
| 任务数据 | 当前浏览器保存 | 仍按浏览器与网站来源保存 |
Comate发布流程
1打开现有工程,检查发布资源
2在Comate中预览并验证
3发布应用,设置访问范围
4复制正式链接,再实际打开
分享的是应用,不是聊天记录
预览:开发时检查 分享对话:查看交流过程 发布应用:提供使用入口 正式地址以平台发布结果为准
1. 打开上一讲的网页工程
1打开已完成的ToDoList目录
2确认处于应用开发工作区
3先让Comate检查现有工程
4不重新开发,不覆盖原作品
发布前检查提示词
阅读【现有网站、相关代码和运行说明】,先检查,不修改或发布。 目标:通过【平台】将网站交给【使用对象】使用。 确认【实际目录、页面入口、运行资源与数据保存方式】。 核对【访问范围、登录条件、资源要求和费用提示】。 列出已具备的条件、缺少的材料和后续操作,不重新开发已有功能。
检查上一讲完成的ToDoList网页,先定位当前工作区实际的lesson15_browser目录。 目录可能在lesson15-starter下,以实际文件为准,不凭名称猜测。 保留TodoCore、web_api.py、Pyodide 314.0.2和lesson15.browser.v1存储键。 确认index.html及五个同源运行时文件齐全,任务仍按浏览器来源保存。 检查当前是否已有应用开发工作区,以及发布范围、登录条件、资源要求和费用提示。 只给检查结果与发布准备步骤;不改上一讲、不新增业务、不购买或发布。
2. 整理发布资源
1网页、Python与运行时一起提供
2发布目录只留必要文件
3个人数据和密钥不入包
4保留原工程与当前项目身份
整理发布资源提示词
基于检查结果,为【现有网站】整理发布资源,暂不发布。 已有正确发布目录就复用;否则在【独立目录】准备必要文件。 保留【业务核心、数据规则和原工程】,排除【个人数据、密钥和开发文件】。 沿用本次平台工程身份,核对【预览入口与打包范围】。 报告实际文件、预览结果和未验证项,等待人工确认发布。
为上一讲ToDoList准备独立dist,不覆盖原网页目录;已有合格dist则复用。 只复制index.html、css/style.css、js/app.js、js/bridge.js、todo_core.py、web_api.py, 以及pyodide/下的pyodide.js、pyodide.asm.mjs、pyodide.asm.wasm、python_stdlib.zip、pyodide-lock.json。 保留Python业务、接口和存储键,只将加载提示改为“正在加载 Python 运行时…”。 comate.json沿用本次projectId,framework为html,zip范围为$system-zip frontend:./dist。 沿用已验证的预览启动方式,检查11个文件和两条任务50.0%;不打包个人任务、密钥或缓存。 报告结果,暂不上传发布,不更改账号权限,不重新生成业务功能。
4. 发布并设置访问范围
1名称和描述对应网页版
2核对版本与本次改动
3按使用对象选择访问范围
4确认后发布,保存正式结果
访问范围
仅自己可见 企业内可见 指定成员或团队可见 有链接,不代表无需登录或授权
5. 复制链接并打开
1复制平台返回的正式地址
2说明账号与访问条件
3在浏览器中打开并操作
4链接不附带原来的任务数据
使用时说明两件事
访问:按平台账号和发布范围授权 数据:保存在当前浏览器 正式入口 ≠ 本地预览 分享应用 ≠ 分享任务数据
6. 检查分享版是否可用
1正式入口能够访问和加载
2新增、完成与筛选正常
3刷新读回,JSON可以导出
4分清已测结果与未测环境
分享版验收提示词
按【原需求】检查已发布应用,不增加功能。 正式入口:【平台实际网址】;访问范围:【实际设置】。 用【授权账号、独立浏览器与虚构数据】检查访问、加载、交互和保存。 记录操作、预期和实际结果;已有样例就复用,不清空原数据。 说明数据保存边界,未执行的设备或故障检查写未验证。
检查本次Comate正式应用链接,不把预览或分享对话当应用入口。 用独立浏览器核对登录与访问权限;无权访问时先说明范围,不绕过授权。 复用第9页已有的两条课堂样例,不重复新增;空列表时才新增并完成第一条,核对2/1/1/50.0%。 若有其他任务,换独立测试环境,不清空或删除原数据来凑统计。 检查筛选、空名保护、取消删除、刷新读回和JSON导出。 localStorage按浏览器与网站来源保存,不自动跨设备同步,同一链接不共享任务库。 实际手机、另一位授权成员及未执行的故障场景分别标未验证,不把目标当结果。
课程总结
1输入、输出与变量:处理信息
2条件、循环与函数:组织逻辑
3文件读写与数据整理:解决实际任务
4AI协作开发:从需求走到可分享作品
同一个作品的三个版本
桌面应用:窗口操作与JSON保存 网页应用:浏览器交互与界面设计 网页轻应用:正式入口与访问范围 需求 → 计划 → 实现 → 验证 → 分享
1 / 12
