API Academy
🌐 繁體中文
  • 🌐 English
  • 🌐 繁體中文
HomePetstore APIExplore more APIs
HomePetstore APIExplore more APIs
🌐 繁體中文
  • 🌐 English
  • 🌐 繁體中文
🌐 繁體中文
  • 🌐 English
  • 🌐 繁體中文
  1. Get Started
  • 歡迎
  • 目錄
  • API 學院
    • Get Started
      • 什麼是 API?
      • API 如何運作?
      • 如何呼叫 API?
      • 如何閱讀 API 文件?
      • 章節總結
    • API Fundamentals
      • API 基礎知識:概覽
      • 方法與路徑
      • 參數
      • 請求 Body
      • 回應
      • API 規格與 OAS
      • 章節總結
    • Working with APIs
      • 使用 API:概覽
      • 根據規格發送請求
      • 環境與變數
      • 串聯多個端點
      • 處理 Auth
      • 處理 API 簽名
      • 腳本介紹
      • 章節總結
    • Mocking APIs
      • Mocking API:概覽
      • Smart Mock
      • Mock 預期結果
      • Cloud Mock
      • Mock 腳本
      • 章節總結
    • Designing APIs
      • 設計 API:概覽
      • API 設計介紹
      • 建立您的第一個 API 專案
      • 分析需求並規劃您的 API
      • 設計資料模型
      • 設計端點
      • 使用組件與可重用性
      • 設定與 Auth
      • API 設計指南
      • 章節總結
    • Developing APIs
      • 開發 API:概覽
      • 設定:安裝您的 AI 程式碼助手
      • 快速入門:30 分鐘內從規格到運行的 API
      • 了解生成的程式碼
      • 使用 Apidog 測試您的 API
      • 部署:將您的 API 上線
      • 章節總結
    • Testing APIs
      • 測試 API:概覽
      • 快速入門:您的第一個測試場景
      • 整合測試與資料傳遞
      • 動態值
      • 斷言與驗證
      • 流程控制:If, For, ForEach
      • 資料驅動測試
      • 性能測試
      • 測試報告與分析
      • CI/CD 整合
      • 排程任務與自動化
      • 進階測試策略
      • 章節總結
    • API Documentations
      • API 文件:概覽
      • 發布您的第一個 API 文件
      • 自訂文件外觀
      • 給消費者的互動功能
      • 進階發布設定
      • 管理 API 版本
      • 章節總結
    • Advanced API Technologies
      • 進階 API 技術:概覽
      • GraphQL
      • gRPC
      • WebSocket
      • Socket.IO
      • Server-Sent Events
      • SOAP
      • 章節總結
    • API Lifecycle
      • API 生命周期:概覽
      • API 生命周期的階段
      • API 治理
      • API 安全最佳實踐
      • 監控與分析
      • API 版本策略
      • API 的未來
      • 章節總結
    • API Security
      • API 安全性:概覽
      • API 安全性基礎知識
      • 身份驗證 vs. 授權
      • 了解 OAuth 2.0 和 OpenID Connect
      • JSON Web Tokens (JWT)
      • OWASP API 安全 Top 10
      • 加密與 HTTPS
      • 章節總結
    • API Tools
      • API 工具:概覽
      • API 工具的演變
      • API Clients
      • 命令列工具 (cURL, HTTPie)
      • API 設計和文件工具
      • API Mocking 工具
      • API 測試工具
      • 一體化 API 平台
      • 章節總結
    • API Gateway
      • API Gateway:概覽
      • 什麼是 API Gateway?
      • API Gateway 的關鍵功能
      • API Gateway vs 負載平衡器 vs 服務網格
      • 流行 API Gateway 解決方案
      • BFF (Backend for Frontend) 模式
      • 章節總結
HomePetstore APIExplore more APIs
HomePetstore APIExplore more APIs
🌐 繁體中文
  • 🌐 English
  • 🌐 繁體中文
🌐 繁體中文
  • 🌐 English
  • 🌐 繁體中文
  1. Get Started

API 如何運作?

當您使用應用程式或網站時,您通常會看到一個簡單的介面:按鈕、表單和資訊。但在幕後,發生了很多事情。API 是讓這個魔術成為可能的關鍵,它將您互動的前端連接到資料所在的後端。
image.png

1. 前端 vs 後端#

前端:這就是您看到並與之互動的部分 —— 網站、行動應用程式、儀表板、按鈕、表單。把它想像成應用程式的「臉」。
後端:這是資料和邏輯所在的地方 —— 伺服器、資料庫和業務規則。它處理儲存您的資訊、處理付款和獲取資料等事務。
如果兩者之間沒有連接,前端將是靜態的,應用程式也做不了多少事。

2. 為什麼要使用 API?#

API 充當 前端和後端之間的橋樑:
它保持前端和後端 分離 且 有條理。
它允許不個前端(網頁、行動裝置、IoT 設備)使用同一個後端。
它使應用程式更 可擴展 和 可維護。
把它想像成在咖啡廳點咖啡:
您(前端)告訴咖啡師(API)您想要什麼。
咖啡師與廚房(後端)溝通來製作您的飲料。
咖啡師將您的咖啡帶回給您。

3. API 實際上是如何運作的#

這是一個簡化的逐步流程:
1.
使用者動作:您在天氣應用程式中點擊「獲取天氣」。
2.
前端發送請求:應用程式呼叫天氣 API,詢問今天的天氣預報。
3.
API 接收請求:API 知道要與哪個伺服器對話以及要獲取什麼資料。
4.
後端處理請求:伺服器檢查其資料庫,獲取資料並將其格式化。
5.
API 發送回應回來:API 以結構化格式(通常是 JSON)將資料傳遞給前端。
6.
前端顯示資料:您立即在應用程式上看到今天的天氣。
image.png

4. 關鍵重點#

API 是前端和後端之間的信差。
前端永遠不需要知道後端的細節。
後端可以在內部更改而不影響前端,只要 API 保持一致。
這種分離使應用程式更 靈活、安全和可靠。

API 是保持前端和後端順利協同工作的隱形連結。既然您知道它們做什麼以及它們如何運作,下一步是了解如何實際使用一個。
在下一篇文章中,我們將介紹 如何呼叫 API —— 簡單、實用且動手操作。
Modified at 2025-12-29 09:35:19
Previous
什麼是 API?
Next
如何呼叫 API?
Built with