如何在科尔多瓦实现天气 API

Posted 2023-05-06

【中文标题】如何在科尔多瓦实现天气 API

【英文标题】：How to implement a weather API in cordova

【发布时间】：2019-06-20 01:49:40

【问题描述】：

我必须使用来自 openweathermap 的数据创建一个带有 cordova 的 android 天气应用程序。

问题是我安装了 cordova 并进入了“hello world”，但我不知道如何从 openweather 获取数据。

我在 cordova 中创建项目，然后我可以编辑那个 hello world，因为它是一个使用 html 和 css 的网页。

但我如何才能搜索地点并从 openweathermap 获取数据？

我注册了openweathermap，有自己的key，但是不知道怎么用。 甚至不知道我学习什么来学习如何去做。

我想我应该向 openweather API 发出请求，然后 openweather 会以 json 格式回复天气数据，然后我应该将该数据发送到我的网站/cordova 应用程序。

但是怎么做呢？

谢谢

一直在寻找教程，但没有找到能解释我想要什么的教程。 他们使用离子或反应，我不知道如何使用的东西。 我想保持简单，只需查找城市，然后显示天气，了解它是如何完成的。

【问题讨论】：

请查看天气 API 以了解如何从中获取数据openweathermap.org/guide

【参考方案1】：

TL;DR - 你将向服务器发出 GET 请求

好吧，您正在寻找的是能够从 API 服务器获取天气数据并以某种方式将其显示在您的组件模板上的能力。您需要的是 angular 附带的 HTTPClientModule（如果您使用 Angular 作为前端框架，则需要使用 Ionic，v4 也可以与 Vue 和 React 一起使用）。

我知道这对于许多新开发人员来说是很困难的，所以我会尽可能简化它，在你的应用模块中导入 HTTPClientModule，这样你就可以在全局范围内使用它。然后，最佳实践是将所有 API 调用（这是您使用密钥获取天气数据的方式）放在服务中。向与您需要的数据关联的 URI 端点创建一个 GET 请求，瞧，您拥有了您的数据。

从那里，转到页面的打字稿文件并导入服务并在类构造函数中声明它。从那里，您可以创建一个函数来订阅（因为 Angular 附带 RxJS）到获取数据并将其保存到变量的服务函数。

如果您想将其传递到您的组件视图中，那么我相信您已经计算出了插值。不要忘记使用异步管道，因为您正在获取异步数据。