SwiftUI networking dengan URLSession

Photo by Jordan Harrison on Unsplash

Dewasa ini, perkembangan teknologi pembuatan antar muka untuk platform apple (ios, iPadOs, MacOs) sudah semakin canggih. jika sebelumnya kita memakai UIKit / StoryBoard maka sekarang kita memiliki SwiftUI. SwiftUI memberikan kita kemudahan yang jauh lebih simple dari UI Builder sebelumnya, kita bisa membuat UI secara Programmatical / Deklaratif serta Drag & Drop.

Di kesempatan kali ini kita akan membuat sebuah aplikasi yang memuat daftar wisata yang berasal dari api milik Dicoding https://tourism-api.dicoding.dev/list

Seperti biasa mari buat project SwiftUI nya dan langsung saja kita buat kelas model nya seperti berikut:

struct PlacesResponse: Decodable {  let places: [Place]}

struct Place: Decodable {

let id: Int
let name: String
let description: String
let address: String
let longitude: Double
let latitude: Double
let like: Int
let image: String

}

then, kita jadikan ContentView nya sebagai berikut.

struct ContentView: View {
@State var places = [Place]()

var body: some View {
List(places, id: \.id){ item in
VStack(alignment: .leading){
Text(item.name)
}
}
}

selanjutnya kita beri modifier onAppear pada Widget / Component List

.onAppear(perform: {
URLSession.shared.dataTask(with: URLRequest(url: URL(string: "https://tourism-api.dicoding.dev/list")!)){ data, response, error in
if let data = data {
if let decodedResponse = try? JSONDecoder().decode(PlacesResponse.self, from: data){
DispatchQueue.main.async{
self.places = decodedResponse.places
}
return
}

}
}.resume()

})
}

maka kode akhir nya seperti berikut:

import SwiftUI

struct ContentView: View {
@State var places = [Place]()

var body: some View {
List(places, id: \.id){ item in
VStack(alignment: .leading){
Text(item.name)
}
}.onAppear(perform: {
URLSession.shared.dataTask(with: URLRequest(url: URL(string: "https://tourism-api.dicoding.dev/list")!)){ data, response, error in
if let data = data {
if let decodedResponse = try? JSONDecoder().decode(PlacesResponse.self, from: data){
DispatchQueue.main.async{
self.places = decodedResponse.places
}
return
}

}
}.resume()

})
}


}

struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}

struct PlacesResponse: Decodable {

let places: [Place]

}

struct Place: Decodable {

let id: Int
let name: String
let description: String
let address: String
let longitude: Double
let latitude: Double
let like: Int
let image: String

}

silahkan di run dan lihat hasilnya :)

Swift, Kotlin and Flutter Developer | Tech Geek, Passionate Writer — ihwan.id

Swift, Kotlin and Flutter Developer | Tech Geek, Passionate Writer — ihwan.id