API Academy
🌐 繁體中文
  • 🌐 English
  • 🌐 繁體中文
HomePetstore APIExplore more APIs
HomePetstore APIExplore more APIs
🌐 繁體中文
  • 🌐 English
  • 🌐 繁體中文
🌐 繁體中文
  • 🌐 English
  • 🌐 繁體中文
  1. API Documentations
  • 歡迎
  • 目錄
  • 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. API Documentations

給消費者的互動功能

靜態文件已成為過去式。現代開發者期望在編寫一行程式碼之前,直接在瀏覽器中測試 API。Apidog 發布的文件附帶了一個嵌入式的 API 用戶端——**「Try it out」**功能。
這種互動性大大降低了使用者的「首次呼叫時間」(TTFC)。

「Try it out」控制台#

當您發布文件時,每個端點頁面都包含一個 Run 或 Try it out 按鈕(除非已停用)。
當使用者點擊此按鈕時:
1.
一個 API 用戶端面板會滑出。
2.
他們可以填寫參數(例如 userId)。
3.
他們可以修改請求 Body(使用您生成的範例!)。
4.
他們點擊 Send 並看到來自伺服器(或 Mock 伺服器)的真實回應。

管理環境#

使用者需要一個伺服器來進行通訊。
Mock 伺服器:預設情況下,Apidog 提供一個 Cloud Mock 伺服器。這允許使用者在不觸及生產資料庫的情況下獲得罐頭回應。理想情況下,為公開文件啟用此功能,以便使用者可以安全地進行操作。
生產/Staging:您可以設定多個環境。使用者可以在文件中從下拉選單選擇「Production」來進行真實呼叫。
提示:在公開文件中暴露生產環境時要小心。確保您已設定適當的 Auth(我們在 設計 APIs 中涵蓋了這一點)。

請求程式碼生成#

並非每個開發者都知道如何用 curl 或 Python 建構 HTTP 請求。Apidog透過自動生成程式碼片段來幫助他們。
在您發布的文件中,使用者將看到 Request Samples 部分。他們可以在語言之間切換:
JavaScript (Fetch, Axios)
Python (Requests)
Java (OkHttp)
Go
cURL
還有更多。
Request samples UI
這允許開發者簡單地複製貼上一個可運作的程式碼區塊到他們的應用程式中。

自訂範例#

如果自動生成的範例不夠(例如,如果您有特定的 SDK),您可以新增自己的手動程式碼範例。
1.
前往端點設計。
2.
捲動到 Request Samples。
3.
新增自訂片段。

互動式回應範例#

還記得我們設計的資料結構嗎?在文件中,它們被渲染為互動式樹狀結構。
使用者可以展開/摺疊物件。
他們可以查看每個欄位的描述和資料類型。
他們可以在不同的 Response Examples(例如 "Success - 200" vs "Error - 400")之間切換,以查看 JSON 在不同場景下的樣子。

重點摘要#

「Try it out」控制台:允許使用者直接從瀏覽器進行真實的 API 呼叫,立即將讀者轉化為使用者。
請求程式碼生成:自動生成多種語言(Python, JavaScript, cURL 等)的程式碼片段,幫助開發者更快整合。
互動式資料結構:使用者可以互動式地探索巢狀 JSON 物件和多樣的回應範例(成功 vs. 錯誤)。
Mock vs. 生產:仔細設定環境,以便公開使用者可以安全地對 Mock 伺服器進行測試,而內部團隊可以存取 Staging 或生產環境。
這種互動循環正是 Apidog 文件優於靜態 PDF 或繁重 Word 文件的地方。
繼續閱讀 → 進階發布設定
Modified at 2025-12-29 09:35:19
Previous
自訂文件外觀
Next
進階發布設定
Built with