Web API - สรุป

Web API คือความฝันของนักพัฒนา

  • มันสามารถขยายฟังก์ชันของเว็บเบราว์เซอร์
  • มันสามารถเรียบเรียงฟังก์ชันที่ซับซ้อนให้ง่ายต่อการใช้งาน
  • มันสามารถให้รูปแบบภาษาที่ง่ายต่อการเขียนโค้ดที่ซับซ้อน

อะไรคือ Web API?

API หมายถึงตัวประกาศโปรแกรมแอปพลิเคชัน (Application Programming IInterface）。

Web API คือตัวประกาศโปรแกรมแอปพลิเคชันของเว็บ

API เว็บเบราว์เซอร์สามารถขยายฟังก์ชันของเว็บเบราว์เซอร์

API ของเซิร์ฟเวอร์สามารถขยายฟังก์ชันของเว็บเซิร์ฟเวอร์

API เว็บเบราว์เซอร์

ทุกเว็บเบราว์เซอร์มี API ภายในติดตั้งที่สนับสนุนการทำงานที่ซับซ้อนและช่วยในการเข้าถึงข้อมูล

ตัวอย่างเช่น สามารถเรียกใช้ API ที่รับหลักฐานที่ตั้งของเว็บเบราว์เซอร์แบบตรงไปตรงมาได้

ตัวอย่าง

รับหลักฐานที่ตั้งของผู้ใช้และแกนวงกลม:

const myElement = document.getElementById("demo");
function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition);
  } else {
    myElement.innerHTML = "การสนับสนุนตำแหน่งทางภูมิศาสตร์ไม่มีในเบราเซอร์นี้.";
  }
}
function showPosition(position) {
  myElement.innerHTML = "ละติจูด: " + position.coords.latitude +
  "<br>เส้นแวง: " + position.coords.longitude;
}

ทดสอบด้วยตัวเอง

API บุคคลที่สาม

API บุคคลที่สามไม่ถูกใส่ในเบราเซอร์ของคุณ

เพื่อใช้ API นี้ คุณจะต้องดาวน์โหลดรหัสที่เว็บ

ตัวอย่าง:

  • YouTube API - อนุญาตให้คุณแสดงวิดีโอบนเว็บไซต์ของคุณ
  • Twitter API - อนุญาตให้คุณแสดงโพสต์บนเว็บไซต์ของคุณ
  • Facebook API - อนุญาตให้คุณแสดงข้อมูล Facebook บนเว็บไซต์ของคุณ