SwiftUI 4.0中如何将同步URL请求函数改为异步以消除警告

你当前使用String(contentsOf:)同步加载网页内容，这会阻塞主线程触发UI无响应警告。下面是将NewLinkRequest改造为异步函数的完整方案：

改造后的异步函数代码 #

import Foundation
import SwiftSoup

// 定义返回类型别名，提升可读性
typealias LinkMetadata = (url: String, title: String, imageUrl: String)

func fetchLinkMetadata(_ linkUrl: String) async throws -> LinkMetadata {
    guard let url = URL(string: linkUrl) else {
        throw NSError(domain: "LinkError", code: -1, userInfo: [NSLocalizedDescriptionKey: "无效的URL"])
    }
    
    // 使用URLSession异步加载数据，替代同步的String(contentsOf:)
    let (data, _) = try await URLSession.shared.data(from: url)
    guard let html = String(data: data, encoding: .utf8) else {
        throw NSError(domain: "LinkError", code: -2, userInfo: [NSLocalizedDescriptionKey: "无法解析网页内容"])
    }
    
    // SwiftSoup解析逻辑保持不变
    let doc = try SwiftSoup.parseBodyFragment(html)
    let title = try doc.title()
    let firstImageUrl = try doc.select("img").attr("src")
    
    return (linkUrl, title, firstImageUrl)
}

关键改动说明 #

• 函数声明改为async throws：明确这是异步函数，可能抛出错误，替代原有的同步返回默认值方式，更符合Swift错误处理规范
• 替换网络加载方式：用URLSession.shared.data(from:)的异步API，彻底避免阻塞主线程
• 优化错误处理：通过抛出错误替代返回空值，调用方可更灵活地处理异常情况
• 增加类型别名：让返回元组的含义更清晰，提升代码可读性

SwiftUI中调用示例 #

在View中通过Task调用异步函数：

import SwiftUI

struct ContentView: View {
    @State private var linkTitle = ""
    @State private var linkImage = ""
    
    var body: some View {
        VStack {
            if !linkTitle.isEmpty {
                Text(linkTitle)
                    .font(.title)
                if !linkImage.isEmpty {
                    AsyncImage(url: URL(string: linkImage)) { image in
                        image.resizable()
                            .scaledToFit()
                    } placeholder: {
                        ProgressView()
                    }
                }
            }
            Button("加载网页数据") {
                Task {
                    do {
                        let metadata = try await fetchLinkMetadata("https://www.cnn.com")
                        linkTitle = metadata.title
                        linkImage = metadata.imageUrl
                    } catch {
                        print("加载失败：\(error.localizedDescription)")
                    }
                }
            }
            .padding()
        }
        .padding()
    }
}

内容的提问来源于stack exchange，提问作者user1591668