API 是什麼，能吃嗎？

• 應用程式介面（英語：Application Programming Interface）

API 中翻中

• API 就像是飲料販賣機
  • 我想喝飲料 (你想要的資料)
  • 我點選販賣機上的飲料 (你向 API 發出請求(request))
  • 飲料掉到取物口 (API 回應(response)給你對應資訊)
• 為什麼要有 API？
  • 使用 API 時，不需花時間理解背後程式邏輯，只需要依 API 說明來操作，它就會回傳你想要的結果

常見 API

• CSS Shake
  • 我想要一個 hover 晃動效果
  • 我載入 CSS CDN，並在指定區塊設定 class
  • 吃到 CSS 效果並擁有該功能
• Web API：Leaflet + OpenStreetMap 地圖應用開發
  • 我想要在網頁顯示公司位置
  • 我載入 Leaflet 地圖 JS 套件，並引入 OpenStreetMap 開放街圖，並指定對應座標
  • 網頁顯示對應地圖服務，但你並不用知道裡面的圖片顯示原理
• Web API：TDX 觀光 API
  • 我想獲得台灣觀光景點資料
  • 我輸入說明文件上的網址請求方式
  • TDX 伺服器回應我對應的 JSON 格式資料
  • 範例 Code
• 後端 WEB API：登入註冊 API
  • 我想在平台上註冊會員
  • 我在介面上輸入帳號密碼，並藉由介面發出網路請求
  • 系統回應我是否註冊成功
  • 學生範例程式碼

推薦 YouTube 影片

• 什麼是 API

工商

• JavaScript 直播班倒數 98 位