iOS DeveloperSwift

เขียนแอป iPhone การเรียก JSON Web API ด้วย SwiftUI

บทเรียนการเรียกข้อมูล Web API รูปแบบ JSON บน iOS ด้วย SwiftUI สำหรับดึงข้อมูลผ่านเว็บ

ถ้าพูดถึง Web Services แบบ JSON APIs ผ่าน Web บทเรียนการเรียกข้อมูล Web API รูปแบบ JSON บน iOS ด้วย SwiftUI สำหรับดึงข้อมูลผ่านเว็บ

หลังจากศึกษาบทเรียน SwiftUI ผ่านบทความแบบเร็วๆ Advance เบาๆอย่าง

เราก็มาแบบหากินกันเลยดีกว่านั่นคือให้ไปเตรียม JSON API ตัวอย่างหรือใช้ของผมก็ได้ ผมมีเว็บรีวิวหนังอยู่ที่ URL นี้:  https://enet5-7f9f6.firebaseio.com/movies.json

เปิด New Project ขึ้นมาไปที่ ContentView.swift ขึ้นมาคลิกขวาที่ Folder Project เลือก New Group ตั้งชื่อว่า “Model”

สร้าง New File (Swift File) ใน Group ของ Model ว่า Post.swift

สร้าง Group ใหม่ขึ้นมาว่า “Services”

ไปที่  Model/Post.swift ใส่คำสั่งต่อไปนี้:

เปิด Services.swift ขึ้นมาสร้าง Class ของ Services ใหม่ใส่คำสั่งการ Get Posts ดังนี้:

สร้าง Group ใหม่ชื่อ View สร้างไฟล์ swift ใหม่ชื่อ ListViewModel.swift ขึ้นมา

สร้าง Class ของ ListViewModel ให้เรียบร้อย:

เพิ่ม Struct ของ PostViewModel เข้าไปใน ListViewModel.swift อีกที

ดังนั้นใน ListViewController.swift จะเป็นดังนี้:

ขั้นตอนสุดท้ายไปที่ ContentView เพิ่ม Global Variable ดังนี้:

ใส่ Code นี้ใน body:

ทดสอบแอปพลิเคชันของเราดีกว่า:

ดึงข้อมูลจาก JSON ได้แล้วซึ่ง API ต้องเป็น https ด้วยนะ ลองไปเขียนดูกัน

Tags

Asst. Prof. Banyapon Poolsawas

อาจารย์ประจำสาขาวิชาการออกแบบเชิงโต้ตอบ และการพัฒนาเกม วิทยาลัยครีเอทีฟดีไซน์ & เอ็นเตอร์เทนเมนต์เทคโนโลยี มหาวิทยาลัยธุรกิจบัณฑิตย์ ผู้ก่อตั้ง บริษัท Daydev Co., Ltd, (เดย์เดฟ จำกัด)

Related Articles

Back to top button
Close
Close

Adblock Detected

เราตรวจพบว่าคุณใช้ Adblock บนบราวเซอร์ของคุณ,กรุณาปิดระบบ Adblock ก่อนเข้าอ่าน Content ของเรานะครับ, ถือว่าช่วยเหลือกัน