DAY 20 『 连接 API 实作 - 天气 APP 』Part2

昨天介绍了如何抓取 API，今天来介绍如何根据 JSON 写一个 struct。

为了接收 API Response 的资讯，可以根据 JSON 写一个 struct，用事先宣告好的变数，去捞取资讯。
在专案底下 New Group / New File / 选 Cocoa Touch Class

在 Weather.swift 档案里依照JSON格式来写结构

import UIKit
//依照JSON格式来写结构
struct Weather: Codable {
    var records: records
}

struct records: Codable {
    var location: [location]
}

struct location: Codable {
    var locationName: String
    var weatherElement: [weatherElement]
}

struct weatherElement: Codable {
    var elementName: String
    var time: [time]
}

struct time: Codable {
    var startTime: String
    var endTime: String
    var parameter: parameter
}

struct parameter: Codable {
    var parameterName: String
    //parameterValue 和 parameterUnit 不一定存在
    var parameterValue: String?
    var parameterUnit: String?
}

在 ViewController.swift 加入程序码，执行看看，确认写的结构没有问题。

import UIKit
import Foundation
#if canImport(FoundationNetworking)
import FoundationNetworking
#endif
class MainVC: UIViewController {
    var authorization = "CW*******授权码********92" // 会员授权码
    override func viewDidLoad() {
        super.viewDidLoad()
        getWeatherData() // 进入画面前先读一次 JSON
    }
// MARK: - 透过JSON抓取OpenWeatherMap的天气资讯
    func getWeatherData() {
        let oldurl =  "https://opendata.cwb.gov.tw/api/v1/rest/datastore/F-C0032-001?Authorization=\(authorization)&format=JSON&locationName=%E5%AE%9C%E8%98%AD%E7%B8%A3"
        let newUrl = oldurl.addingPercentEncoding(withAllowedCharacters: .urlQueryAllowed)! // 网址有中文，需要先编码
        var request = URLRequest(url: URL(string: newUrl)!,timeoutInterval: Double.infinity)
        request.httpMethod = "GET"
        let task = URLSession.shared.dataTask(with: request) { [self] data, response, error in
            let decoder = JSONDecoder()
            if let data = data, let weather = try? decoder.decode(Weather.self, from: data){
                print(weather)
                // 显示在主画面Lable上的资讯
                DispatchQueue.main.sync {
                    // 显示地名
                    self.locationName.text = weather.records.location[0].locationName
                    // 降雨机率
                    self.pop.text = weather.records.location[0].weatherElement[1].time[0].parameter.parameterName + "%"
                    // 最低温度
                    self.minT.text = weather.records.location[0].weatherElement[2].time[0].parameter.parameterName + "°" + weather.records.location[0].weatherElement[2].time[0].parameter.parameterUnit!
                    // 最高温度
                    self.maxT.text = weather.records.location[0].weatherElement[4].time[0].parameter.parameterName + "°" + weather.records.location[0].weatherElement[4].time[0].parameter.parameterUnit!
                    // 舒适度
                    self.wx.text = weather.records.location[0].weatherElement[0].time[0].parameter.parameterName
                    // 背景依据舒适度而改变
                    self.descriptionToImage()
                }
            }
            else {print("error")}
        }
        task.resume()
    }  
}

明天会介绍如何呈现资料在手机画面上

敬请期待！