１つ目のAPI接続で取得したデータを、２つ目のAPI接続の条件に設定して値を取得する方法

Question

前提・実現したいこと

SwiftUIを利用してアプリを開発しています。

下記の仕様の動作を行いたいのですが、目的どおりに動きません。

• 登録されている複数の情報（①測定開始日と、②測定開始日から今日までの各日の気温）をViewにリスト形式で表示する

• ②の各日の気温は、①で設定した測定開始日から今日まで範囲のものとなる

Viewの表示は下記のとおりです。

発生している問題

上記の画面のイメージは、実際のコードを起動させたものですが、１つ目と２つ目の情報は、測定開始日は違う日を表示していますが、気温は両方とも同じ内容を表示しています。

これを、各リストの測定開始日に沿った条件として表示させたいです。

ちなみに、コード内部では測定開始日それぞれの条件での気温を、コンソールで表示ができていますが、Viewの表示反映させられない状況です。

気温表示
11.5
13.0
6.2
気温表示
13.7
17.3
14.9
13.8
14.3
15.6
14.8
13.4
12.8
15.5
17.3
13.5

下記の該当のソースコードに詳細を載せていますが、

①測定開始日を取得するエンドポイントと、気温を取得するエンドポイントが違う事
②気温を取得するエンドポイントには、API接続で取得した測定開始日をデータをフィルタの条件に利用する事

などが、うまくいきません。

JsonModel.swift

該当のソースコード

API仕様
/api/info/

[
    {
        "id": 116,
        "start_date": "2020-11-07",
        "user": 126
    },
    {
        "id": 117,
        "start_date": "2020-10-29",
        "user": 126
    }
]

/api/weather_ave/?start_date=2020-11-07

[
    {
        "id": 511039,
        "ave_temp": 25.7
    },
    {
        "id": 511186,
        "ave_temp": 24.9
    },
    {
        "id": 511333,
        "ave_temp": 23.4
    }
]

/api/weather_ave/?start_date=2020-10-29

[
    {
        "id": 509716,
        "ave_temp": 25.6
    },
    {
        "id": 509863,
        "ave_temp": 24.1
    },
    {
        "id": 510010,
        "ave_temp": 23.5
    },
    {
        "id": 510157,
        "ave_temp": 25.7
    },
    {
        "id": 510304,
        "ave_temp": 26.4
    },
    {
        "id": 510451,
        "ave_temp": 23.7
    },
    {
        "id": 510598,
        "ave_temp": 23.0
    },
    {
        "id": 510745,
        "ave_temp": 24.4
    },
    {
        "id": 510892,
        "ave_temp": 26.1
    },
    {
        "id": 511039,
        "ave_temp": 25.7
    },
    {
        "id": 511186,
        "ave_temp": 24.9
    },
    {
        "id": 511333,
        "ave_temp": 23.4
    }
]

AppState.swift

import Foundation

struct DateInfos: Codable,Identifiable {
    var id: Int
    var start_date: String
}

struct WeatherAveInfos:Codable,Identifiable {
    var id: Int
    var ave_temp: Float
}

AppState.swift

import SwiftUI
import Foundation
import Combine
import UIKit

class AppState: ObservableObject {

 @Published var arrayDateInfos:[DateInfos]?
 @Published var weatherAveInfos:[WeatherAveInfos]?


func makeGetCallVegetableInfos() {
    // Set up the URL request
    let endpoint: String = "https://sample.com/api/info/"
    
    guard let url = URL(string: endpoint) else {
        print("Error: cannot create URL")
        return
    }
    var urlRequest = URLRequest(url: url)
    urlRequest.addValue("token xxxxxxxxxx", forHTTPHeaderField: "authorization")
    // set up the session
    let config = URLSessionConfiguration.default
    let session = URLSession(configuration: config)
    
    // make the request
    let task = session.dataTask(with: urlRequest) {
        (data, response, error) in
        // check for any errors
        guard error == nil else {
            print("error calling GET")
            print(error!)
            return
        }
        // make sure we got data
        guard let responseData = data else {
            print("Error: did not receive data")
            return
        }
        // parse the result as JSON, since that's what the API provides
        DispatchQueue.main.async {
            do{ self.arrayDateInfos = try JSONDecoder().decode([DateInfos].self, from: responseData)
            }catch{
                print("Error: did not decode")
                return
            }
        }
    }
    task.resume()
  }
}


func makeGetCallWeatherAveTemp(start_date:String ) {
    
    // Set up the URL request
    let endpoint: String = "https://sample.com/api/weather_ave/?start_date=(start_date)"
    
    guard let url = URL(string: endpoint) else {
        print("Error: cannot create URL")
        return
    }
    var urlRequest = URLRequest(url: url)
    urlRequest.addValue("token xxxxxxxxxx", forHTTPHeaderField: "authorization")
    // set up the session
    let config = URLSessionConfiguration.default
    let session = URLSession(configuration: config)
    // make the request
    let task = session.dataTask(with: urlRequest) {
        (data, response, error) in
        // check for any errors
        guard error == nil else {
            print("error calling GET")
            return
        }
        // make sure we got data
        guard let responseData = data else {
            print("Error: did not receive data")
            return
        }
        // parse the result as JSON, since that's what the API provides
        DispatchQueue.main.async {
            do{ self.weatherAveInfos = try JSONDecoder().decode([WeatherAveInfos].self, from: responseData)
                print("気温表示")
                for info in self.weatherAveInfos!{
                    print(info.ave_temp)
                }
            }catch{
                print("Error: did not decode")
                return
            }
        }
    }
    task.resume()
}

HomeView.swift

import SwiftUI

struct HomeView: View {

    @EnvironmentObject var appState: AppState

    var body: some View {
        NavigationView{
              VStack{
                    ForEach(appState.arrayDateInfos ?? []){ info in
                        VStack{
                            VegetableInfoRow(info:info)
                        }.background(Color(.secondarySystemFill))
                        .cornerRadius(10)
                        .padding(.top)
                        .padding(.leading)
                        .padding(.bottom)
                  }
            }.onAppear(){
                appState.makeGetCallVegetableInfos()
            }
        }
    }
}

VegetableInfoRow.swift

import SwiftUI

struct VegetableInfoRow: View {

    @EnvironmentObject var appState: AppState
    var info:DateInfos
    
    var body: some View {
        ScrollView(.horizontal) {
            HStack{
                VStack{
                    VStack{
                        Text("測定開始日：").padding()
                        Text(stringToStringDate(stringDate: info.start_date, format: "yyyy-MM-dd"))
                    }
                }
                Divider()
                    .padding()
                VStack{
                    VStack{
                        Text("各日の気温：").padding()
                        ForEach(appState.weatherAveInfos ?? []){ info in
                            Text(String(info.ave_temp))
                        }
                    }
                }
            }
        }.onAppear(){
            appState.makeGetCallWeatherAveTemp(start_date: info.start_date)
        }
    }
}

func stringToStringDate(stringDate: String, format:String) -> String {
    let formatter: DateFormatter = DateFormatter()
    formatter.calendar = Calendar(identifier: .gregorian)
    formatter.dateFormat = "yyyy/MM/dd"
    let newDate =  formatter.date(from: stringDate)!
    formatter.dateFormat = format
    return formatter.string(from: newDate)
}

補足情報（FW/ツールのバージョンなど）

Xcode:Version 12.0.1

Comments

[coco_bauer]

１つ目のAPI接続、２つ目のAPI接続、で利用しているAPIの仕様を質問に追加してください。
何をするAPIなのかが判らないのに、うまく使える訳がないですから。

[tomaa]

コメントありがとうございます。API仕様を質問に追加しました。

Answer 1

下記の方法（クロージャを利用する）で目的の動きとなりました。

VegetableInfoRow.swift

...
@State var weatherAveInfos:[WeatherAveInfos]?
...
 ForEach(self.weatherAveInfos ?? []){ info in
                            Text(String(info.ave_temp))
                        }
...
  }.onAppear(){
            appState.makeGetCallWeatherAveTemp(start_date: info.start_date, total: {returnData in
                self.weatherAveInfos = returnData
            })
        }
...

AppState.swift

...
func makeGetCallWeatherAveTemp(start_date:String,total:@escaping([WeatherAveInfos])->Void ) {
...
  DispatchQueue.main.async {
                do{ self.weatherAveInfos = try JSONDecoder().decode([WeatherAveInfos].self, from: responseData)
                    let aveInfos:[WeatherAveInfos] = self.weatherAveInfos!
                    total(aveInfos)
...