Model API Calls and Interactive Web Interface Development

中文名称：模型 API 调用与交互式 Web 界面开发——基于沐曦 Token 资源包

本仓库用于“模型 API 调用与交互式 Web 界面开发”课程，包含学生手册、教师备课资料、首次 API 调用脚本、网页开发模板和课程视频目录。

• 课程仓库：ccf-ai-infra/model-api-web
• 学生入口：学生手册.md
• 课程共建：how-to-contribute.md

文件目录

model-api-web
├─ course-videos
├─ 课堂任务
│  └─ 02-首次API调用.mjs
├─ 模型API交互式Web界面开发模板
├─ 示例项目
│  └─ README.md
├─ 学生手册.md
├─ 课程大纲.md
├─ how-to-contribute.md
├─ .env.example
├─ .gitignore
├─ package.json
└─ README.md

文档

文件	作用
学生手册.md	学生按顺序完成环境准备、令牌设置、首次调用、Web 界面制作和 GitLink 提交
课程大纲.md	教师开发课程、制作 PPT、准备演示和处理课堂风险
how-to-contribute.md	教师和课程维护者参与课程共建的目录与 Pull Request 规范
模型API交互式Web界面开发模板/README.md	模型研究、网页设计、代码生成和项目运行指南

目录与配置

目录或文件	作用
course-videos	存放课程录屏和剪辑后视频
课堂任务/02-首次API调用.mjs	学生第一次在本地发送文本模型 API 请求
模型API交互式Web界面开发模板	学生制作自选模型交互式 Web 界面的主要工具
示例项目	待重新验证和优化的课程示例项目目录
.env.example	根目录首次 API 调用的环境变量示例
.gitignore	阻止访问令牌、依赖目录和临时上传文件进入 Git
package.json	定义 npm run call 和 Node.js 版本要求

使用入口

• 学生从 学生手册.md 开始；
• 教师从 课程大纲.md 开始；
• 网页制作阶段进入 模型API交互式Web界面开发模板；
• 教师参与课程共建前阅读 how-to-contribute.md。

学生作品不提交到本仓库。每位学生将网页项目发布为自己账号下的独立 GitLink 开源仓库。

.env.local 只保存访问令牌。不要提交、截图或分享该文件。