共用方式為


匯入 GraphQL API

適用於:所有 APIM 層

在 APIM 中,您可以使用兩種模型新增 GraphQL API:傳遞至現有的 GraphQL 端點,或匯入 GraphQL 結構描述,並使用自訂欄位解析器建立綜合 GraphQL API。 如需詳細資訊,請參閱 GraphQL 概觀

在本文中,您將:

  • 將傳遞 GraphQL API 新增至 APIM 執行個體。
  • 測試 GraphQL API。

如果您想要匯入 GraphQL 結構描述並設定使用 REST 或 SOAP API 端點的欄位解析器,請參閱 匯入 GraphQL 結構描述並設定欄位解析器

先決條件

新增 GraphQL API

  1. Azure 入口網站中,移至您的 API 管理 實例。

  2. 在左窗格中,選取 APIs>APIs

  3. 選取 [ 新增 API]。

  4. [定義新 API] 底下,選取 [GraphQL ] 磚。

    選取 GraphQL 磚的螢幕擷取畫面。

  5. 在產生的對話方塊中,選取 [完整],然後在必要欄位中輸入值,如下表所述。

    GraphQL 架構建立頁面的螢幕擷取畫面。

    價值觀 描述
    顯示名稱 將會據以顯示 GraphQL API 的名稱。
    名稱 GraphQL API 的原始名稱。 當您輸入顯示名稱時,會自動填入。
    GraphQL 類型 選取 [傳遞 GraphQL],從現有的 GraphQL API 端點匯入。
    GraphQL API 端點 具有 GraphQL API 端點名稱的基底 URL。
    例如:https://example.com/your-GraphQL-name。 您也可以使用常見的 SWAPI GraphQL 端點,例如 https://swapi-graphql.azure-api.net/graphql 用於示範。
    上傳結構描述 選擇性地選取上傳結構描述檔案,以取代從 GraphQL 端點擷取的結構描述 (如果您有的話)。
    說明 新增 API 的描述。
    URL 配置 根據您的 GraphQL 端點選取配置。 如果您的 GraphQL API 包含訂閱類型,請選取包含 WebSocket 配置的選項之一 (WSWSS)。 預設選項為 HTTP(S)。
    API URL 尾碼 新增 URL 尾碼,以識別 API 管理 執行個體中的特定 API。 它必須在 API 管理 實例中是唯一的。
    基底 URL 顯示 API 基底 URL 的不可編輯欄位。
    Tags (標籤) 選擇性地將您的 GraphQL API 與新的或現有的標籤建立關聯。
    產品 將 GraphQL API 與產品建立關聯,以將其發佈。
    要為此 API 設定版本嗎? 選取核取方塊,將版本控制配置套用至您的 GraphQL API。
  6. 選取 [建立]

  7. 建立 API 之後,請檢閱或修改 [結構描述] 索引標籤上的結構描述。 入口網站中 GraphQL 結構描述的螢幕擷取畫面。

測試 GraphQL API

  1. 移至您的 API 管理實例。

  2. 在左窗格的 [API] 區段中,選取 [API]。

  3. 在 [所有 API] 底下,選取 GraphQL API。

  4. 選取 [測試] 索引標籤以存取測試主控台。

  5. 在 [標題] 底下:

    1. 名稱 功能表中選取標頭。
    2. [值] 方塊中輸入值。
    3. 選取 [ 新增標頭] 來新增更多標頭。
    4. 使用資源回收筒按鈕刪除標頭。
  6. 如果您已將產品新增至 GraphQL API,請在 [套用產品範圍] 下新增產品範圍。

  7. 查詢編輯器中,執行下列其中一項:

    1. 從編輯器左側功能表中的清單中選取至少一個欄位或子欄位。 您選取的欄位和子欄位會出現在查詢編輯器中。

    2. 開始在查詢編輯器中輸入以撰寫查詢。

      查詢編輯器的螢幕擷取畫面。

  8. 在 [查詢變數] 底下,新增變數以重複使用相同的查詢或變動,並傳遞不同的值。

  9. 選取 [傳送]

  10. 檢視回應

    測試查詢回應的螢幕擷取畫面。

  11. 重複上述步驟以測試不同的承載。

  12. 完成測試後,請退出測試控制台。

測試訂閱

如果您的 GraphQL API 支援訂閱,您可在測試主控台中進行測試。

  1. 請確認您的 API 允許適用於 API 的 WebSocket URL 配置 (WSWSS)。 您可以在 [設定] 索引標籤上啟用此設定。

  2. 在查詢編輯器中設定訂閱查詢,然後選取 [連線] 以建立與後端服務的 WebSocket 連線。

    查詢編輯器中訂用帳戶查詢的螢幕擷取畫面。

  3. 在 [訂閱] 窗格中檢閱連線詳細資料。

    入口網站中 WebSocket 連線的螢幕擷取畫面。

  4. 已訂閱的事件會出現在 [訂閱] 窗格中。 WebSocket 連線會一直維持,直到您中斷連線或連線到新的 WebSocket 訂閱為止。

    入口網站中 GraphQL 訂閱事件的螢幕擷取畫面。

保護 GraphQL API 的安全

藉由套用現有的驗證和授權原則GraphQL 驗證原則來保護 GraphQL API,防範 GraphQL 特定攻擊。