APIデータをUserDefaultsに保存し、リストに出力する

私のアプリでは、ユーザーがバーコードをスキャンし、製品に関する情報がAPIから取得されます。

ユーザーが最新の10個の製品を表示できる履歴セクションを作成したいと思います。

APIデータの結果は、結果タイプに保存されます。結果タイプをリストに表示するには、識別可能である必要があります。

結果は、API呼び出しからの製品の詳細を格納するために使用しているカスタムデータ型です。

結果

struct Result: Codable, Identifiable {
    var id = UUID()
    var description: String?
    var brand: String?
    var ingredients: String?
    var image: String?
    var upc_code: String?
    var return_message: String?
    var return_code: String?
    
    enum CodingKeys: String, CodingKey {
        case description, brand, ingredients, image, upc_code, return_message, return_code
    }
}

このデータ型は、リストとして表示する結果の配列を格納します

歴史

struct History: Codable {
    var results: [Result]
}

API呼び出しは次のとおりです。

func loadData(url: String, completion: @escaping (Error?, Result?) -> Void ) {
    if let url = URL(string: url) {
        let task = URLSession.shared.dataTask(with: url) { data, response, error in
            guard let data = data, error == nil else {return}
            
            do {
                let defaults = UserDefaults.standard
                let encoder = JSONEncoder()
                if let encoded = try? encoder.encode(data) {
                    var sizeCheck = defaults.object(forKey:"productHistory") as? [Data] ?? [Data]()
                    if (sizeCheck.count == 10) { //Check if there's more than 10 products already on the history list
                        sizeCheck.removeLast()
                    }
                    sizeCheck.append(encoded) //Add new product to list
                    defaults.set(sizeCheck, forKey: "productHistory") //Add new list to userDefaults
                }
                let decoder = JSONDecoder()
                let result: Result = try decoder.decode(Result.self, from: data)
                completion(nil, result) //Used elsewhere to display the scanned product after it's been added to the history list
            }
            catch let e {
                print(e)
                completion(e, nil)
            }
        }

        task.resume()
    }
}

これは、ボタンが押されたときにリスト内の最後の10個の製品を表示する私のビューです。

最後の10個の製品は、キーを使用してUserDefaultsに保存する必要がありますproductHistory。これは、API呼び出しLoadData（）で行われます。

struct historyView: View {
    @Binding var showingHistory: Bool
    @State private var results = [Result]()
    
    var body: some View {
        let defaults = UserDefaults.standard
        if let products = defaults.object(forKey: "productHistory") as? Data {
            if let decodedResponse = try? JSONDecoder().decode(History.self, from: products) {
                self.results = decodedResponse.results
            }
        }
        return List(self.results, id: \.id) { item in
            Text(item.description!)
        }
    }
}

私の理解では、問題はUserDefaultsがJSONデータを保存できないことです。そのため、APIデータをフェッチするときに、データをそのままuserdefualtsに保存します。次に、履歴に保存したり表示したりするなど、必要なときにデコードします。

現在、空白のリストが表示されていますが、以下のifステートメントが渡されていません。

if let decodedResponse = try? JSONDecoder().decode(History.self, from: products) {

URLをブラウザに貼り付けた場合のAPIからのJSONデータは次のとおりです。

編集

これが私のAPICall（）です：

func callAPI() -> String {
        if (scannedCode.barcode == "") {
            return "noneScanned"
        }
        else {
            let hashedValue = scannedCode.barcode.hashedValue("API ID")
            //print(hashedValue!)
            loadData(url: "URL") { error, result  in
                if let err = error {
                    self.APIresult = err.localizedDescription
                    print(APIresult)
                    //output error
                }
                else if (result?.ingredients == nil) {
                    DispatchQueue.main.async {
                        self.APIresult = "noIngredients"
                    }
                }
                else if (result?.description == nil) {
                    DispatchQueue.main.async {
                        self.APIresult = "noDescription"
                    }
                }
                else {
                    DispatchQueue.main.async {
                        self.APIresult = "success"
                    }                    
                }
                DispatchQueue.main.async {
                    product.result = result!
//updates view that show's the scanned product, as it's @Published
                }
            }
            return APIresult
        }
    }

このセクションでは、製品に関するデータを見つけて、それに応じて処理したいと思います。したがって、上記の解決策では、画像や説明などがあるかどうかに応じて異なる値を返します...

vadianソリューションで、私はそれをこれに変更しました：

          loadData(url: "URL") { result  in
                switch result {
                case .success(product):
                    print("success")
                case .failure(error):
                    print("failure")
                }
            }