【中工开发者】——天气查询，鸿蒙OS

引言

伴随智能手机的大规模普及，天气查询已然成为人们日常生活里不可或缺的关键组成部分。而鸿蒙操作系统（HarmonyOS）作为华为精心打造并推出的新一代智能终端操作系统，凭借其独特的技术架构与创新特性，为广大开发者们开启了一扇全新的开发大门，带来前所未有的开发体验。本文将会全方位、细致入微地介绍基于鸿蒙 OS 开发一款天气查询应用的详细步骤与方法，其内容将完整覆盖从与数据接口进行对接获取气象信息，到实现城市信息管理中城市删除功能的一整套流畅流程，旨在为开发者们提供全面且极具价值的开发指引与参考范例

1. 数据接口获取

在开发天气查询应用之前，我们需要一个可靠的天气数据接口。这里我们可以选择公开的天气API，如高德地图、和风天气等。以高德地图为例，我们需要注册账号并获取一个API密钥（API Key），用于后续的数据请求。

1.1 获取API Key
访问OpenWeatherMap官网天气查询-基础 API 文档-开发指南-Web服务 API | 高德地图API天气查询-基础 API 文档-开发指南-Web服务 API | 高德地图API天气查询-基础 API 文档-开发指南-Web服务 API | 高德地图APIOpenWeatherMap官网，注册账号并订阅相应的服务，获取API Key。

2. 对象创建

在鸿蒙OS中，我们需要创建几个关键的对象来管理天气数据和用户界面。

2.1 天气数据模型

创建一个Casts类来存储天气数据，包含白天 温度、夜晚温度、湿度、风向、等数据信息。

export class casts{
 
  date:string=''
  dayweather:string=''
  nightweather:string=''
  daytemp:number=0
  nighttemp:number=0
  daywind:string=''
  daypower:string=''
  daytemp_float:number=0
  nighttemp_float:number=0
 
}

2.2 城市管理类

创建一个forecasts类来存储城市名称，代码，天气信息：

export class forecasts{
  city:string=''
  adcode:number=0
  casts:Array<casts>=[]
}
2.3 城市管理类

2.3 城市管理类

创建一个WeatherModel类来存储访问状态信息，城市信息等

export class WeatherModel{
  status:number=0
  count:number=0
  infocode:number=0
  forecasts:Array<forecasts> = []
}

3. 获取数据

通过高德地图API获取指定城市的天气数据，并提供了并发请求多个城市天气的功能。代码中定义了一个getWeatherUtil类，其中包含两个主要方法：

getWeather(cityCode)：这个方法接受一个城市代码作为参数，使用高德地图API的URL模板构建请求URL，并发送HTTP GET请求。如果请求成功（响应码200），它将解析响应结果并使用Promise的resolve函数返回解析后的天气数据对象WeatherModel。

getWeathers(cityCodes)：这是一个异步方法，接受一个城市代码数组，使用getWeather方法为每个城市代码创建一个Promise，并使用Promise.all来并发执行这些Promise。当所有请求都完成后，它会遍历结果，打印每个城市的名字，并返回包含所有天气数据的WeatherModel数组。

import {casts} from "../viewmodel/casts"
 
 
@Component
export struct cityView{
 
 
  @Builder weatherImage(dayweather: string) {
    if (dayweather === "晴") {
      Image($r('app.media.sun')).width(30)
    }
    if (dayweather === "多云") {
      Image($r("app.media.cloud")).width(30)
    }
    if (dayweather === "阴") {
      Image($r("app.media.cloud")).width(30)
    }
    if (dayweather.includes("雨")) {
      Image($r("app.media.rain")).width(30)
    }
  }
  //天气数据
  casts:Array<casts>=[]
 
 
  build() {
    Column(){
      ForEach(this.casts,(cast:casts)=>{
        if (this.casts[0]===cast){
          //上半部分 图片+当天天气
          //图片
          Row()