บทความ

ธนินัช ดอทคอม - ผู้เชี่ยวชาญทำเว็บไซต์

การเรียกใช้งาน API ใน Flutter สามารถทำได้โดยใช้ package ชื่อว่า http ซึ่งเป็น package ที่ช่วยให้เราสามารถส่ง request ไปยัง API ต่างๆ และรับ response กลับมาได้ด้วยคำสั่งต่างๆ ดังนี้

Import package: ก่อนอื่นเราต้อง import package http โดยเพิ่มโค้ดด้านล่างนี้ที่ด้านบนของไฟล์ Dart ของเรา

import 'package:http/http.dart' as http;

สร้าง function สำหรับเรียกใช้ API: เราสามารถสร้าง function ที่รับ parameter เป็น URL ของ API และเมื่อเรียกใช้ function จะส่ง request ไปยัง API และรับ response กลับมา ดังนี้

void fetchData(String url) async {  
     final response = await http.get(url);  
  if (response.statusCode == 200) {    
     // ดึงข้อมูลจาก response.body    
    final data = json.decode(response.body);    
    // ทำอะไรต่อก็ได้  
  } else {    
     // แสดง error message    
     throw Exception('Failed to load data');  
  }
}

ใช้ function เพื่อเรียกใช้ API: เมื่อเราสร้าง function เพื่อเรียกใช้ API แล้ว เราสามารถเรียกใช้ function นั้นๆ ด้วย URL ของ API ที่เราต้องการได้ ดังนี้

fetchData('https://jsonplaceholder.typicode.com/todos/1');

โดย URL ที่ใช้ในตัวอย่างนี้เป็นตัวอย่างเท่านั้น สามารถเปลี่ยน URL เป็น URL ของ API ต่างๆ ที่ต้องการเรียกใช้งานได้

การเรียกใช้งาน API ใน Flutter ด้วย package http นั้นมีความสะดวกและง่ายต่อการใช้งาน เพราะเราสามารถส่ง request และรับ response ได้ด้วย code ที่สั้นและง่ายต่อการเข้าใจ ในการใช้งานจริง เราสามารถเพิ่ม parameter หรือส่ง request แบบ POST, PUT, DELETE ได้ตามความต้องการของเรา โดยอ้างอิงจาก documentation ของ package http ได้เลย.