前序：

我们前两节课更像是在练一套新的做产品方式：用自然语言把需求和流程讲清楚，再借助 Vibe Coding 工具把它快速变成一个能访问的网页原型，并顺手把产品思维里的基本动作跑一遍，先把“形态”和“基础”搭起来，让一个 MVP 先站得住。

这节课，我们主要讲的是：让你的网站连上外部 AI 服务，能调用模型或智能体来实现真实的业务能力，也就是让你的网站“接入智能体”、“接入大模型”；让大家学会把外部服务通过后端函数接进网页里，而不是“在前端直接 call 模型”。

1.没看前两课的话，请先回看

如果第二课还没把网页、数据库、发布与基础排查这些动作跑顺的话，这一课就可能会每一步都卡住。

这一课用到的工具组合主要是：Enter.pro 负责网页形态与交互，Supabase 负责数据与后端（数据库/Storage、Edge Function，以及用 Secrets 保存密钥），百炼提供模型服务和智能体服务。

同学们可以根据自己的喜好，灵活选择各种工具来完成相关任务。

2.做作业之前，先做好随堂练习

我们先要在百炼（模型服务商）侧把 HTTP/curl 的示例跑通，再回到网页里接。这是先用命令行验证接口，再把服务集成进产品的路径，可以有效地在后续开发里定位问题出在哪里。

随堂练习补充说明

有些同学在课堂上跟不上随堂练习，那一步步跟我来就能跑通。

打开本课主文档第3课：与时俱进做出你的第一款 AI 应用，从Part1自己看（内容可复制的版本：第三课：文档提示词可复制）。

看到准备要注册的时候打开各产品注册和使用指导，找到【百炼】所在区域，照着教程做。

随后回到本课主文档第3课：与时俱进做出你的第一款 AI 应用，结合课程回放https://waytoagi.feishu.cn/minutes/obcnas225zew8hopjbccu46g从大概21分45秒的位置开始对着做。

你需要进行实名验证以后才能使用AI产品（在后续操作中要求实名验证的时候，自己去按要求验证）。

这里有很多步，老师本身讲义也写得足够详细了。需要关注的是在第6步这里（需要可复制的内容打开第三课：文档提示词可复制）

•如果是Windows平台的小伙伴，老师分享的上面这段指令是无法直接运行的。你要找AI帮你解决这个问题（不限制使用的AI），学会向AI提问，示例如下：◦（我的提问）下面这段指令我无法在windows系统中运行，请修改为能运行的：（粘贴代码）◦（AI回复）好的，以下是修改后的可直接运行的命令：不要直接复制我的！要学会自己去问AI

补充几点

•做练习的时候，不要指定Opus模型，因为这模型消耗积分巨快！请用Auto！

•如果积分用完了，除了找龙龙老师充值积分，其实也可以提前用下节课我们要用到的工具来制作云舒：Vibe Coding 训练营实战工具选择，这都是Vibe Coding工具，而且你提前用了，就是在预习后续内容！

•老师的实操已经是非常直接、明了的，如果跟着老师实操有何不懂，请主动在学员群/搭子团说说你遇到的问题。

3.来看看作业

是什么

打开主文档查看作业第3课：与时俱进做出你的第一款 AI 应用，会发现这次作业还是分两个层级。

初阶作业的核心交付不是功能堆砌，而是一个能被公开访问的 URL、一次真实的智能交互瞬间截图、以及你写在代码里的 System Prompt（用来固定角色与边界）。

选题上不需要纠结“创新 or 复刻”，更建议沿用你用前面两节课的东西做加法：在原本能跑的 MVP 上加一条“调用模型/智能体”的能力，完成一次从页面点击到后端函数到模型返回再渲染到页面的闭环。

进阶作业的本质是把“会聊天”升级成“会办事”，也就是让网站去触发第三方服务或工作流平台做执行，这会天然带来更多鉴权、回调、异步与跨平台链路问题，提前预期到这一点反而更稳。

做哪个、怎么做

展望一下，“我现在的能力、时间、风险承受力，到底该把作业做到什么复杂度。”

如果前两节课没补完，尤其第二课还没把“用 Enter 做出网页—连接 Supabase—发布上线”这条链路跑顺，那更建议先回去补课再选题，因为第三课会默认你已经具备这些基础动作，否则你会在“到底哪里出问题了”这件事上反复消耗时间。

【初阶作业】想稳稳交作业、并且第一次体验“产品真的连上 AI 服务”的人，优先选第一道，也就是“我的第一个 AI Native 功能”。

•它的训练重点很明确：你需要把外部模型或智能体的能力，通过后端函数接进你的网站里，并且学会把 Key 放在安全的位置（课程示例是把密钥放进 Supabase 的 Secrets/Keys，给 Edge Function 调用），最后在页面上看到一次真实的智能交互，然后把公网 URL、交互截图、System Prompt 这三样东西交上去就够了。

•这道题最容易踩的坑也相对集中，基本都围绕“鉴权没配对、环境变量没读到、接口参数不合法、以及需要学会从 Network 里把红色报错完整复制出来让 Agent 按错误修”。

【进阶作业】第二道“自动化：让系统替我打工”更适合已经把第一道跑通、并且愿意面对跨平台链路的人，因为它会把难度从“调用一次模型”升级成“你的网站要去指挥别的软件干活”。

•课堂里其实已经给了很典型的延展方向：你可以在原项目里接更多第三方能力（例如天气这类外部数据），也可以做通知流，让网页收到新申请后触发飞书等消息通知，或者接入 Coze/Dify 这类编排平台，让网页调用工作流返回海报等结果。

•这道题关键通常不是页面写得多漂亮，而是链路是否真的跑通、证据是否能自证（比如通知截图、网页生成结果截图），以及你能不能把每一步的鉴权与数据流向讲清楚。

4.其他注意事项与建议

你的Key只属于你自己，不要共享给任何人

Key能消耗你的Token，也可以用于未经授权随意访问阿里云的其他服务。Key 永远不要直接写在前端代码，也不要因好心而发给其他同学使用！这是一个原则问题。

如果你让Vibe Coding软件直接在前端用 Key，它可能会好心提醒你，也可能会因为安全策略直接报错。把 Key 藏在后端的 Secrets 里，既安全又专业。

关于购买域名与网站上线

如果你打算买域名，别只盯着阿里云这一类国内注册商，因为现在国内域名购买也要实名认证，审核需要几个工作日，可能拖慢作业节奏；想省时间可以考虑国外注册商，比如https://www.namesilo.com/https://www.godaddy.com/zh这类。不想花钱也可以找提供免费二级域名的服务，只要支持 CNAME 接入就能用；这类服务选择很多，自己搜一圈挑一个自己觉得靠谱点的即可。域名这件事别当作“锦上添花”，后面的课程大概率还会继续用到，提前准备好会让你后续省心。