16.网络请求和数据解析

SwiftUI提供了一些强大的工具来执行网络请求和解析响应数据。

发送网络请求

SwiftUI中提供了URLSession API来发送网络请求。
下面是一个示例，展示如何使用URLSession API发送GET请求：

struct ContentView: View {
    @State private var posts: [Post] = []

    var body: some View {
        List(posts) { post in
            Text(post.title)
        }
        .onAppear {
            guard let url = URL(string: "https://url.com/posts") else { return }

            URLSession.shared.dataTask(with: url) { data, response, error in
                guard let data = data, error == nil else {
                    print(error?.localizedDescription ?? "Unknown error")
                    return
                }

                let decoder = JSONDecoder()
                if let decodedData = try? decoder.decode([Post].self, from: data) {
                    DispatchQueue.main.async {
                        self.posts = decodedData
                    }
                }
            }.resume()
        }
    }
}

定义了一个名为Post的结构体，并在ContentView视图中定义了一个名为posts的状态变量来保存响应数据。
在视图的onAppear回调中，使用URLSession API发送一个GET请求，该请求获取位于https://url.com/posts 的JSON数据。
使用JSONDecoder类将响应数据解码为一个名为[Post]的数组，并使用self.posts变量保存解码的数据。
使用DispatchQueue.main.async将数据保存到主线程。

解析JSON数据

SwiftUI可以使用JSONDecoder类将JSON数据解码为Swift结构。JSONDecoder是一个强大的类，它可以将JSON数据转换为Swift结构。可以使用JSONDecoder来解码从网络获取的数据，并将其转换为Swift结构体或类。
如何使用JSONDecoder来解码JSON数据：

struct Post: Codable, Identifiable {
    let id: Int
    let title: String
    let body: String
}

struct ContentView: View {
    @State private var posts: [Post] = []

    var body: some View {
        List(posts) { post in
            VStack(alignment: .leading) {
                Text(post.title)
                    .font(.headline)
                Text(post.body)
                    .font(.subheadline)
            }
        }
        .onAppear {
            guard let url = URL(string: "https://url.com/posts") else { return }

            URLSession.shared.dataTask(with: url) { data, response, error in
                guard let data = data, error == nil else {
                    print(error?.localizedDescription ?? "Unknown error")
                    return
                }

                let decoder = JSONDecoder()
                if let decodedData = try? decoder.decode([Post].self, from: data) {
                    DispatchQueue.main.async {
                        self.posts = decodedData
                    }
                }
            }.resume()
        }
    }
}

定义了一个名为Post的结构体，该结构体遵循Codable和Identifiable协议。
在ContentView视图中定义了一个名为posts的状态变量来保存响应数据。在视图的onAppear回调中使用URLSession API发送一个GET请求，该请求获取位于https://url.com/posts 的JSON数据。使用JSONDecoder类将响应数据解码为一个名为[Post]的数组，并使用self.posts变量保存解码的数据。
使用DispatchQueue.main.async将数据保存到主线程。

处理错误

在网络请求和数据解析过程中，可能会发生错误。可以使用Swift的错误处理机制来处理这些错误。
如何在SwiftUI中处理错误：

enum APIError: Error {
    case invalidURL
    case requestFailed
    case invalidResponse
    case invalidData
}

struct ContentView: View {
    @State private var posts: [Post] = []
    @State private var errorMessage: String = ""

    var body: some View {
        VStack {
            if !errorMessage.isEmpty {
                Text(errorMessage)
                    .foregroundColor(.red)
                    .padding()
            }

            List(posts) { post in
                VStack(alignment: .leading) {
                    Text(post.title)
                        .font(.headline)
                    Text(post.body)
                        .font(.subheadline)
                }
            }
        }
        .onAppear {
            guard let url = URL(string: "https://url.com/posts") else {
                self.errorMessage = "Invalid URL"
                return
            }

            URLSession.shared.dataTask(with: url) { data, response, error in
                guard error == nil else {
                    self.errorMessage = "Request failed: \(error!.localizedDescription)"
                    return
                }
                guard let data = data else {
                    self.errorMessage = "Invalid data"
                    return
                }

                let decoder = JSONDecoder()
                do {
                    let decodedData = try decoder.decode([Post].self, from: data)
                    DispatchQueue.main.async {
                        self.posts = decodedData
                    }
                } catch {
                    self.errorMessage = error.localizedDescription
                }
            }.resume()
        }
    }
}

在定义了一个名为APIError的枚举类型，该类型表示可能发生的错误类型。在ContentView视图中定义了一个名为errorMessage的状态变量，用于保存错误消息。如果发生错误会更新errorMessage变量，并将错误消息显示在视图中。使用Swift的do-catch语句来捕获和处理错误。如果解码过程中发生错误将错误消息保存到errorMessage变量中，并将其显示在视图中。

总结

在SwiftUI中，我们可以使用URLSession API发送网络请求，并使用JSONDecoder类将响应数据解码为Swift结构。在处理网络请求和数据解析过程中，我们需要考虑错误处理和数据管理。SwiftUI提供了许多机制来帮助我们处理这些问题，例如状态变量、错误处理机制和数据绑定。通过使用这些机制，我们可以更轻松地构建具有良好用户体验的应用程序。