演示应用程序

在本节课中，我们将学习一个使用 Bootstrap 和 OpenWeatherMap API 构建的简单天气应用，该应用基于 Django 开发。此应用提供当前天气信息、未来 5 天、以 3 小时为间隔的天气预报，以及指定位置的实时空气污染数据。

运行应用程序

步骤 1：点击“运行”按钮启动应用。点击下方小工具中“Your app can be found at:”后面的 URL，在新标签页中打开应用程序。

步骤 2：服务器启动后，您将看到首页，其中包含一个搜索框。您可以仅输入城市名称，或输入城市名，后跟州和国家代码（用逗号分隔）。

注意：按州搜索功能仅适用于美国地区。

步骤 3：在搜索框中输入位置后，按下“Enter”键或点击搜索图标。

步骤 4：此时您将看到两个标签页——一个用于“5天/每3小时预报”，另一个用于“空气污染”。可在两个标签页之间切换，查看对应的数据。

应用程序代码

代码说明

第 48–79 行：输入位置并按下“Enter”键或点击搜索图标后，getWeatherForecasts() 函数内部调用了 5 天/每 3 小时预报 API。该接口返回未来 5 天的天气预报数据，每 3 小时更新一次。

第 81–103 行：getAirPollution() 函数调用空气污染 API，获取指定位置的实时空气污染数据。所有数据随后返回主页面，并在对应的标签页中展示。

第 8–15 行：getAQI() 函数用于获取空气质量指数（AQI）的描述信息。

第 17–32 行：getCoordinates() 函数使用地理编码 API 获取指定位置的地理坐标。这些坐标用于调用“一键式”天气 API 和空气污染 API。

第 34–46 行：getLocationId() 函数通过当前天气数据 API 获取指定位置的位置 ID。该 ID 用于显示 OpenWeatherMap 的天气组件，以展示当前天气信息。

若任一 API 接口调用失败，系统将显示相应的错误提示信息。