GraphQL簡介

這是GraphQL和Adobe Commerce系列的第1部分。 GraphQL很快就成為強大的使用者端應用程式與後端通訊的業界標準。 隨著平台持續擴充其在Headless實作領域的功能,這對Adobe Commerce開發人員而言是一個日益相關的主題。

若您為GraphQL的新手,本節將引導您瞭解基本概念及使用方式。

本系列中GraphQL的相關影片和教學課程

什麼是GraphQL?

GraphQL是唯一API查詢語言和執行階段的規格,提供資料以回應該查詢語言。

REST等傳統網頁API適用於不同系統間資料來回傳遞,但對Progressive Web Application等現代應用程式連結體驗而言,其效能卻不及尖峰。 在像這樣的應用程式中, 相同 應用程式透過網頁API通訊。 像REST這類架構的條理化方法通常無法在此情境下提供適當的彈性,因為許多型別的資料需要快速擷取。

GraphQL可讓使用者端用簡潔明瞭的方式描述 完全符合 所需的資料。 單一請求可以查詢多種型別,而不需要多個網路請求來擷取多種資料型別。 而且,回應會保持精簡狀態,只包含要求的型別和欄位(以直覺地反映查詢的格式)。

實作GraphQL規格的執行階段可以用任何語言建置。 Adobe Commerce和 Magento Open Source 使用
graphql-php PHP實作並在其上建置自己的層。

檢視完整的GraphQL檔案

使用GraphQL使用者端

您需要GUI GraphQL使用者端,以測試程式碼範例和教學課程。 有幾個選項:

  • Altair 是專為GraphQL打造的優秀且功能齊全的使用者端。 Adobe在逐步說明影片中使用Altair。
  • 如果您不想安裝案頭應用程式,您也可以在的
    鉻黃, Firefox, or Edge 瀏覽器。
  • GraphiQL 是來自GraphQL Foundation的GraphQL IDE實作。 這不是可安裝的工具,而是您可用來自行建置介面的套件。
  • 如果您已經熟悉 Postman,雖然功能不如專用的GraphQL使用者端完善,但已對GraphQL查詢提供完善支援。

在GraphQL使用者端中,您應該向URL路徑提交請求 /graphql 在您的Adobe Commerce上或 Magento Open Source 執行個體。 如果您偏好使用現有例項進行測試,則可以使用Venia主題的示範(PWA Studio的範例實作): https://venia.magento.com/graphql

有用的GraphQL資源

recommendation-more-help
3a5f7e19-f383-4af8-8983-d01154c1402f