匯入 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 配置的選項之一 (WS 或 WSS)。 預設選項為 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 配置 (WS 或 WSS)。 您可以在 [設定] 索引標籤上啟用此設定。

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

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

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

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

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

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

保護 GraphQL API 的安全

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