🔥 Why does the web retrieve air data, maps or payment systems? The answer is "API." 🌐
💡 EP.7 of Web App 201, we explain "What is an API" and how to connect it in a way that people can understand.
🎯 Understand basic system welding.
Know how API matters to Web App
Ready to connect real services
🧠 API = "intermediary transmits data between systems." 🔄
A simple advantage. 🍽️
Frontend = Client
API = Order Receiver Staff
Backend / Database = Kitchen
The user presses the button → API, sends the request → the data transmission system back.
Examples of APIs actually used:
🌦️ Weather API → Air Retrieval
💳 Payment API → Payment System
🗺️ Google Maps API → Maps
🤖 AI API → Use AI in the Web
💡 What I see often.
GET → Retrieve
POST → Send data
JSON → Popular data format
Like "Web, look at the price of krypto."
The web page does not contain the information itself.
But extract data from the Real-time API. 📈
👉 API = The Heart of the New Era Web App
🛠️ How to
Start welding simple APIs:
Find the API you want to use
Read Documentation
Use the Fetch API to call data.
Display on web page
Unloadable Error Case
🚀 Who has tried to connect the API? Let's share it! 🔥
จากประสบการณ์ส่วนตัวที่เคยลองเชื่อมต่อ API สำหรับโปรเจกต์เว็บแอปเล็กๆ ทำให้เข้าใจได้ดีว่า API เป็นเหมือนตัวกลางสำคัญที่ช่วยให้ระบบต่างๆ สื่อสารกันได้แบบเรียลไทม์ เช่น การดึงข้อมูลอุณหภูมิจาก Weather API มาแสดงบนหน้าเว็บโดยทันที หรือการระบุพิกัดสถานที่ผ่าน Google Maps API ซึ่งช่วยเพิ่มประสบการณ์ใช้งานให้กับผู้ใช้ได้มาก การใช้งาน API ไม่จำเป็นต้องมีความรู้ทางโปรแกรมขั้นสูง เพราะส่วนใหญ่จะมีเอกสาร (Documentation) อธิบายวิธีเรียกใช้งานอย่างละเอียด ทั้งรูปแบบข้อมูลที่ส่งไปและที่ได้รับกลับ รวมถึงวิธีจัดการกับข้อผิดพลาดที่จะช่วยให้เว็บตอบสนองได้ดีแม้ระบบภายนอกมีปัญหา อีกหนึ่งตัวอย่างที่เห็นได้ชัดคือระบบชำระเงินออนไลน์ที่ใช้ Payment API ช่วยให้เว็บไม่ต้องเก็บข้อมูลบัตรเครดิตเอง แต่สามารถส่งคำขอชำระเงินไปยังระบบธนาคารหรือผู้ให้บริการชำระเงินได้อย่างปลอดภัย ช่วยลดภาระการพัฒนาและเพิ่มความน่าเชื่อถือในระบบ ซึ่งสิ่งสำคัญคือการทำความเข้าใจวิธีเรียกใช้ API พื้นฐาน เช่น การใช้คำสั่ง GET เพื่อดึงข้อมูล และ POST เพื่อส่งข้อมูล พร้อมทั้งการจัดการกับ JSON ซึ่งเป็นรูปแบบข้อมูลที่ได้รับความนิยมมากในวงการเว็บแอปทุกวันนี้ ท้ายที่สุด API ไม่ได้เป็นแค่เทคโนโลยีสำหรับนักพัฒนาเท่านั้น แต่ยังเป็นประตูที่เปิดให้ข้อมูลและบริการต่างๆ สามารถผสานรวมกันได้อย่างลื่นไหล ช่วยสร้างนวัตกรรมใหม่ๆ และประสบการณ์ที่ดีให้กับผู้ใช้จริงๆ