Web APIs - บทนำ
Web API คือความฝันของนักพัฒนา
- มันสามารถขยายการทำงานของเบราว์เซอร์
- สามารถลดความซับซ้อนของฟังก์ชันที่ซับซ้อนได้อย่างมาก
- มันสามารถให้ไวยากรณ์ที่ง่ายกับโค้ดที่ซับซ้อน
Web API คืออะไร?
API ย่อมาจากA pplication P rogramming I nterface
Web API คืออินเทอร์เฟซการเขียนโปรแกรมแอปพลิเคชันสำหรับเว็บ
Browser API สามารถขยายการทำงานของเว็บเบราว์เซอร์ได้
Server API สามารถขยายการทำงานของเว็บเซิร์ฟเวอร์ได้
API ของเบราว์เซอร์
เบราว์เซอร์ทั้งหมดมีชุด Web API ในตัวเพื่อรองรับการทำงานที่ซับซ้อน และเพื่อช่วยในการเข้าถึงข้อมูล
ตัวอย่างเช่น Geolocation API สามารถส่งคืนพิกัดของตำแหน่งที่เบราว์เซอร์ตั้งอยู่
ตัวอย่าง
รับละติจูดและลองจิจูดของตำแหน่งผู้ใช้:
const myElement = document.getElementById("demo");
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
myElement.innerHTML = "Geolocation is not supported by this browser.";
}
}
function showPosition(position) {
myElement.innerHTML = "Latitude: " + position.coords.latitude +
"<br>Longitude: " + position.coords.longitude;
}
API บุคคลที่สาม
API ของบุคคลที่สามไม่ได้สร้างขึ้นในเบราว์เซอร์ของคุณ
หากต้องการใช้ API เหล่านี้ คุณจะต้องดาวน์โหลดโค้ดจากเว็บ
ตัวอย่าง:
- YouTube API - ให้คุณแสดงวิดีโอบนเว็บไซต์
- Twitter API - ให้คุณแสดงทวีตบนเว็บไซต์ได้
- Facebook API - ให้คุณแสดงข้อมูล Facebook บนเว็บไซต์ได้