Magento 2 的无头商务
Headless Commerce(无头商务)是Magento 2采用的一种模型,前端(UI/UX)和后端(数据处理)具有独立的架构。通过这种方式,能够提高灵活性以适应不同的设备和平台,并提供更精细的用户体验。

以下是使用Magento 2 Headless購買商品的一般步驟。
1. 前端的构建
您可能会访问到您选择的前端应用程序,例如您的网站或移动应用程序。这可能是由React、Vue、Angular等框架构建,或者可能是使用Magento PWA Studio构建的。

请查看https://developer.adobe.com/commerce/pwa-studio/了解更多详细信息。
2. 浏览产品
用户浏览产品并在商品页面上查看产品详情。这涉及使用GraphQL从Magento 2的后端获取数据的过程。
以下是 GraphQL 查询产品的 Adobe Commerce WebAPI GraphQL 模式的参考链接:
https://developer.adobe.com/commerce/webapi/graphql/schema/products/queries/products/
3. 将商品添加到购物车中
当用户选择产品时,该产品将被添加到购物车中。这涉及将数据发送到使用GraphQL的后端。
以下是关于GraphQL的参考资料:
https://developer.adobe.com/commerce/webapi/graphql/tutorials/checkout/add-product-to-cart/
4. 購物車的管理
用户可以管理购物车,并且可以更改商品数量或删除商品。与购物车相关的数据将通过GraphQL发送到后端。
以下是有关GraphQL的参考信息:
https://developer.adobe.com/commerce/webapi/graphql/schema/cart/queries/cart/
5. 付款过程
当用户启动支付流程后,将使用GraphQL将支付相关数据发送到Magento 2的后端。
GraphQL 参考链接:
https://developer.adobe.com/commerce/webapi/graphql/tutorials/checkout/
6. 订单确认
用户完成购买流程后,订单将被确认并且订单信息将保存在Magento 2的数据库中。这其中包括GraphQL的变更操作。
以下是有关GraphQL的参考链接:
https://developer.adobe.com/commerce/webapi/graphql/schema/customer/queries/orders/
这是一个Magento 2 Headless购买流程的一般示例。但是,具体的实施可能因所使用的前端技术和业务需求而有所不同。