← 第 5 关 – 发明家

第 1/8 课 ⏱ 20 分钟 免费预览

API 是什么

发现网站怎么互相说话——以及你的网站怎么问天气、地图或 AI。

两个厨房之间的服务员

想象一家餐厅。你(网站)想点菜,但不能进厨房(外部服务——天气、地图、AI)。服务员 就是干这个的——拿你的单、送到厨房、把菜端回来。

这个服务员叫 API(Application Programming Interface)。程序之间约定好的要数据方式:

  1. 网站发 请求(“明天布尔诺天气怎样?”)。
  2. API 转给知道答案的服务。
  3. 服务用约定格式返回 响应

跟我看:JSON——共同语言

程序用 JSON 回复。看起来几乎像 JavaScript 对象,魔法师级已经见过:

{
  "mesto": "Brno",
  "teplota": 21,
  "slunecno": true,
  "dny": ["Saturday", "Sunday"]
}

现在就试——在浏览器打开这个地址(真天气 API,免费,不用注册):

https://api.open-meteo.com/v1/forecast?latitude=49.19&longitude=16.61&current_weather=true

你会看到布尔诺当前天气的 JSON。没有图形——纯数据。图形你来画!

💡

API 无处不在。 手机 App 显示预报、公交、地图,几乎都不是自己存数据——通过 API 问。现在你在学同样的事。

轮到你了 💪

  1. 在浏览器打开上面地址,在响应里找当前 温度风速
  2. 试着把地址里的 latitudelongitude 改成你城市的坐标(地图服务右键 → “What’s here?”)。
  3. 为项目写下 2–3 个想法:什么外部数据对网站有用:
🏫 学校网站——想法

郊游天气、学校位置地图、食堂菜单 API(如果有)、假期和放假。

🙋 个人网站——想法

你所在城市天气、去过地方的地图、回答访客关于你的 AI 聊天机器人。

🌍 旅行日记——想法

旅行地点地图钉、下一目的地天气、旅行预算货币换算。

⚽ 俱乐部网站——想法

周末比赛天气、客队用的球场地图、解释足球规则的 AI 助手。

检查一下: 你能解释 API 是什么(程序之间的服务员)并认出 JSON。在浏览器看过真 API 响应。

这堂课你要记住