GraphQL簡介

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

主題：

建立對象：

初學者
中繼
開發人員

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

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

https://video.tv.adobe.com/v/3424117?learn=on

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

什麼是GraphQL？

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

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

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

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

檢視完整的GraphQL檔案

使用GraphQL使用者端

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

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

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

有用的GraphQL資源

recommendation-more-help

3a5f7e19-f383-4af8-8983-d01154c1402f