大结局：你项目的 AI 助手

全部拼起来——小部件、地图，以及懂你网站的智能聊天机器人。

最后一块：懂网站的机器人

聊天机器人目前只知道系统提示词里写的内容。最后一招：在提示词里塞进你网站的数据。这叫给 AI 上下文（context）：

const informace = `
You are the helper for the FK Sokol Nebovidy website. Here is the information:
- Practice: Tuesday and Thursday at 5:00 PM, field behind the school
- Next match: Saturday at 10:00 AM, home game against Lipová
- Coach: Mr. Novák, contact info is on the Contacts page
- Membership fee: $60 per semester

Answer in English, briefly and in a friendly tone. When the
answer isn't in the information above, say: "I don't know that,
check the Contacts page or ask the coach."
`;

// ...in the endpoint:
messages: [
  { role: 'system', content: informace },
  { role: 'user', content: otazka },
],

现在机器人会回答关于你项目的真实问题——别的问题则礼貌地说「我不知道」。真正的网站 AI 助手就是这样建的。

最终挑战 💪

完成项目的发明家工具箱——三块一起上：

带 API 数据的小部件（第 3 课的天气）放在合适的地方。
带图钉的地图（第 4 课）。
带上下文的聊天机器人——在提示词里写 5–10 条关于你网站的真实事实。

🏫 学校网站——最终作业

机器人知道：学校地址、校长名字、课后托管时间、食堂、报名日期，以及 3 个社团。地图显示学校，天气小部件显示下一场活动的预报。测试问题：「课后托管开到几点？」

🙋 个人网站——最终作业

机器人知道：你的爱好、最爱的游戏/书、你会什么、正在学什么。地图上有 3 个最爱的地方，天气小部件显示你所在城市。测试问题：「除了编程，他还/她喜欢什么？」

🌍 旅行日记——最终作业

机器人知道：最近 3 次旅行（去哪、何时、发生了什么）和下次计划。地图标出所有旅行，天气小部件显示下一目的地。测试问题：「他们上次去了哪里？感觉怎么样？」

⚽ 俱乐部网站——最终作业

机器人知道：训练时间、下场比赛、名单、会费、教练联系方式。主场地图，比赛天气。测试问题：「下场比赛什么时候、在哪里？」

最终检查

✅

完成标准：

网站从至少一个 API 加载实时数据（天气）。
地图上有带弹窗的图钉。
聊天机器人能正确回答 5 个关于你项目的测试问题。
机器人礼貌地拒绝跑题问题。
秘密密钥不在浏览器里，也不在 GitHub 上。

恭喜——你是 发明家！网站不再只是页面：它能和世界说话。别忘了领取证书。

这堂课你要记住

提示词里的上下文 = 懂网站、少瞎编的机器人。
API + 地图 + AI 一起，把网站变成人们真会用的服务。
下一站：第 6 级——项目老板。你的网站值得在互联网上有自己的地址。