Как реализовать погодный API в кордове

Question

Мне нужно создать приложение погоды для android с помощью cordova, используя данные из openweathermap.

Дело в том, что я устанавливаю cordova и попадаю в «привет мир», но понятия не имею, как получить данные изopenweather.

Я создаю проект в cordova, затем я могу редактировать этот hello world, как веб-страницу, используя html, и css.

Но как мне сделать это для поиска мест?и получить данные из openweathermap?

Я зарегистрировался в openweathermap, получил свой собственный ключ, но не знаю, как его использовать.Даже не знаю, что я изучаю, чтобы узнать, как это сделать.

Я думаю, мне следует запросить API openweather, тогда openweather ответит данными о погоде в формате json, а затем я должен получитьэти данные для моего веб-сайта / приложения Cordova.

Но как?

Спасибо

Я искал учебные пособия, но я не нашел объяснения, чего я хочу.Они используют Ionic или реагируют, вещи, которые я не знаю, как использовать.Мне бы хотелось, чтобы все было просто, просто посмотрите на город и отобразите погоду, чтобы узнать, как это делается.

Answer 1

TL; DR - вы будете делать запросы GET к серверу

Хорошо, так что вам нужна возможность получить данные о погоде с сервера API и отобразить их на вашем сервере.Компонент шаблона как-то.Что вам нужно, так это HTTPClientModule, который поставляется с angular (и, следовательно, с Ionic, если вы используете Angular в качестве основы веб-интерфейса, v4 также работает с Vue и React).

Я знаю, что для многих это сложноНовые разработчики, поэтому я сделаю это максимально простым для вас, импортируйте HTTPClientModule внутри вашего модуля приложения, чтобы вы могли использовать его глобально.Затем рекомендуется размещать все вызовы API (как вы будете получать данные о погоде с помощью своего ключа) внутри службы.Создайте запрос GET для конечной точки URI, связанной с требуемыми данными, и вот, у вас есть ваши данные.

Оттуда перейдите в файл машинописного текста вашей страницы, импортируйте сервис и объявите его в конструкторе класса.Оттуда вы можете сделать функцию, которая подписывается (поскольку Angular поставляется с RxJS) на сервисную функцию, которая выбирает ваши данные и сохраняет их в переменной.

Если вы хотите передать это в представление компонентов, хорошоЯ уверен, что вы поняли интерполяцию.Не забудьте использовать асинхронный канал, так как вы получаете асинхронные данные.