Update Article: 90

Category ID

Content Name

Clear URLs

URL Off page

Content Desc

การเรียกใช้งาน API ใน Flutter สามารถทำได้โดยใช้ package ชื่อว่า http ซึ่งเป็น package ที่ช่วยให้เราสามารถส่ง request ไปยัง API ต่างๆ และรับ response กลับมาได้ด้วยคำสั่งต่างๆ ดังนี้ 
<ol>
<li>
Import package: ก่อนอื่นเราต้อง import package http โดยเพิ่มโค้ดด้านล่างนี้ที่ด้านบนของไฟล์ Dart ของเรา
</li>
</ol>
<pre style="padding-left: 40px;"><code>import 'package:http/http.dart' as http;</code></pre>
<ol start="2">
<li>
สร้าง function สำหรับเรียกใช้ API: เราสามารถสร้าง function ที่รับ parameter เป็น URL ของ API และเมื่อเรียกใช้ function จะส่ง request ไปยัง API และรับ response กลับมา ดังนี้
</li>
</ol>
<pre style="padding-left: 40px;"><code>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'); } }</code></pre>
<ol start="3">
<li>
ใช้ function เพื่อเรียกใช้ API: เมื่อเราสร้าง function เพื่อเรียกใช้ API แล้ว เราสามารถเรียกใช้ function นั้นๆ ด้วย URL ของ API ที่เราต้องการได้ ดังนี้
</li>
</ol>
<pre style="padding-left: 40px;"><code>fetchData('https://jsonplaceholder.typicode.com/todos/1');</code></pre>
&nbsp;
โดย URL ที่ใช้ในตัวอย่างนี้เป็นตัวอย่างเท่านั้น สามารถเปลี่ยน URL เป็น URL ของ API ต่างๆ ที่ต้องการเรียกใช้งานได้ 
การเรียกใช้งาน API ใน Flutter ด้วย package http นั้นมีความสะดวกและง่ายต่อการใช้งาน เพราะเราสามารถส่ง request และรับ response ได้ด้วย code ที่สั้นและง่ายต่อการเข้าใจ ในการใช้งานจริง เราสามารถเพิ่ม parameter หรือส่ง request แบบ POST, PUT, DELETE ได้ตามความต้องการของเรา โดยอ้างอิงจาก documentation ของ package http ได้เลย.

Content Short

Content Img Alt

Content Tag

อัพโหลดรูปภาพ

สำหรับ SEO

Meta Title

Meta Desc

Meta Keyword

Og Title

Og Desc

สถานะเปิดใช้งานบทความ

Back home