时间戳

首页 > 解决方案 > 从 magento 2.0 REST Api 获取多个产品图像以用于购物车列表 - Swift 4

ios - 从 magento 2.0 REST Api 获取多个产品图像以用于购物车列表 - Swift 4

问题描述

我们正在使用Magento 2.0。我在购物车列表页面中苦苦挣扎以显示产品图片。

有了这个：

V1/carts/mine/items（购物车列表 api）我无法获取产品图片。

因此，我正在使用V1/products/(sku)/mediaapi 来获取产品图像以在列表中显示它，方法是在 for 循环中调用它，并使用从购物车列表 api 获得的产品 sku/s。

我认为这不公平。因为如果我在购物车中有 10 种产品，那么我需要调用V1/products/(sku)/mediaapi 10 次，这会使我的应用程序变慢，也让我的用户厌倦了等待。当然，我可以异步加载产品图片，但即使是 10 个产品图片 api 调用 + 1 个购物车列表 api + 1 个购物车总计 api ( carts/mine/totals) = 每个列表 12 个 api。如果发生任何编辑或删除，这应该再次发生。

建议一种更好的方法，或者是否有任何 url 或过滤选项可以在一个 api 中获取所有购物车产品图像？

标签： iosswiftmagentomagento2

解决方案

我特此粘贴这个问题的模块。

为rest api创建一个模块

按照步骤通过 Rest API 获取购物车中的产品缩略图，无需 POST 任何值。它将采用产品的当前缩略图图像。休息网址：

方法：GET -> rest/V1/guest-carts/cartId/items 创建一个模块：code/Vendor_name/Module_name/

注册.php

 <?php

\Magento\Framework\Component\ComponentRegistrar::register(
    \Magento\Framework\Component\ComponentRegistrar::MODULE,
    'VendorName_ModuleName',
    __DIR__
);

创建模块.xml

 <?xml version="1.0"?>
<!--
/**
 * Copyright © 2018-2019 Zyxware. All rights reserved.
 */
-->

    <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../lib/internal/Magento/Framework/Module/etc/module.xsd">
        <module name="VendorName_ModuleName" setup_version="1.0.0" />
    </config>

创建 etc/extension_attributes.xml

    <?xml version="1.0"?>
<!--
/**
 * Copyright © 2018-2019 Zyxware, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
-->
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Api/etc/extension_attributes.xsd">

    <extension_attributes for="Magento\Quote\Api\Data\CartItemInterface">
        <attribute code="image_url" type="string" />
    </extension_attributes>

</config>

创建 etc/events.xml

    <?xml version="1.0"?>
<!--
/**
 * Copyright © 2018-2019 Zyxware, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
-->
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Event/etc/events.xsd">
    <event name="sales_quote_load_after">
        <observer name="vendorname_modulename_sales_quote_load_after" instance="VendorNmae\ModuleName\Observer\ProductInterface" />
    </event>
</config>

创建观察者：Vendor_name/Mocule_name/Observer/

产品接口.php

 <?php
/**
 * Copyright © 2018-2019 Zyxware, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
namespace VendorName\ModuleName\Observer;

use Magento\Framework\Event\ObserverInterface;
    use Magento\Catalog\Api\ProductRepositoryInterfaceFactory as ProductRepository;
    use Magento\Catalog\Helper\ImageFactory as ProductImageHelper;
    use Magento\Store\Model\StoreManagerInterface as StoreManager;
    use Magento\Store\Model\App\Emulation as AppEmulation;
    use Magento\Quote\Api\Data\CartItemExtensionFactory;

    class ProductInterface implements ObserverInterface
    {   
        /**
         * @var ObjectManagerInterface
         */
        protected $_objectManager;

        /**
         * @var ProductRepository
         */
        protected $productRepository;

        /**
         *@var \Magento\Catalog\Helper\ImageFactory
         */
        protected $productImageHelper;

        /**
         *@var \Magento\Store\Model\StoreManagerInterface
         */
        protected $storeManager;

        /**
         *@var \Magento\Store\Model\App\Emulation
         */
        protected $appEmulation;

        /**
         * @var CartItemExtensionFactory
         */
        protected $extensionFactory;

        /**
         * @param \Magento\Framework\ObjectManagerInterface $objectManager
         * @param ProductRepository $productRepository
         * @param \Magento\Catalog\Helper\ImageFactory
         * @param \Magento\Store\Model\StoreManagerInterface
         * @param \Magento\Store\Model\App\Emulation
         * @param CartItemExtensionFactory $extensionFactory
         */
        public function __construct(
            \Magento\Framework\ObjectManagerInterface $objectManager,
            ProductRepository $productRepository,
            ProductImageHelper $productImageHelper,
            StoreManager $storeManager,
            AppEmulation $appEmulation,
            CartItemExtensionFactory $extensionFactory
        ) {
            $this->_objectManager = $objectManager;
            $this->productRepository = $productRepository;
            $this->productImageHelper = $productImageHelper;
            $this->storeManager = $storeManager;
            $this->appEmulation = $appEmulation;
            $this->extensionFactory = $extensionFactory;
        }

    public function execute(\Magento\Framework\Event\Observer $observer, string $imageType = NULL)
        {
            $quote = $observer->getQuote();

           /**
             * Code to add the items attribute to extension_attributes
             */
            foreach ($quote->getAllItems() as $quoteItem) {
                $product = $this->productRepository->create()->getById($quoteItem->getProductId());
                $itemExtAttr = $quoteItem->getExtensionAttributes();
                if ($itemExtAttr === null) {
                    $itemExtAttr = $this->extensionFactory->create();
                }


                $imageurl =$this->productImageHelper->create()->init($product, 'product_thumbnail_image')->setImageFile($product->getThumbnail())->getUrl();



                $itemExtAttr->setImageUrl($imageurl);
                $quoteItem->setExtensionAttributes($itemExtAttr);
            }
            return;
        }

        /**
         * Helper function that provides full cache image url
         * @param \Magento\Catalog\Model\Product
         * @return string
         */
        protected function getImageUrl($product, string $imageType = NULL)
        {
            $storeId = $this->storeManager->getStore()->getId();

            $this->appEmulation->startEnvironmentEmulation($storeId, \Magento\Framework\App\Area::AREA_FRONTEND, true);
            $imageUrl = $this->productImageHelper->create()->init($product, $imageType)->getUrl();

            $this->appEmulation->stopEnvironmentEmulation();

            return $imageUrl;
        }

    }

json输出：

    [
    {
        "item_id": 5,
        "sku": "samplepro",
        "qty": 1,
        "name": "samplepro",
        "price": 1500,
        "product_type": "simple",
        "quote_id": "3f260b6e818d2fe56894ed6222e433f8",
        "extension_attributes": {
            "image_url": "http://localhost/dashboard/myapi/pub/media/catalog/product/cache//beff4985b56e3afdbeabfc89641a4582/n/u/nutro_crunchy_real_apple.jpg"
        }
    }
]

在检查您的输出之前，如果您安装了正确的方法，您可以检查您的 var/generation/Magento/Quote/Api/Data/CartItemExtension.php 具有如下值：

<?php
namespace Magento\Quote\Api\Data;

/**
 * Extension class for @see \Magento\Quote\Api\Data\CartItemInterface
 */
class CartItemExtension extends \Magento\Framework\Api\AbstractSimpleObject implements \Magento\Quote\Api\Data\CartItemExtensionInterface
{
    /**
     * @return string|null
     */
    public function getImageUrl()
    {
        return $this->_get('image_url');
    }

    /**
     * @param string $imageUrl
     * @return $this
     */
    public function setImageUrl($imageUrl)
    {
        $this->setData('image_url', $imageUrl);
        return $this;
    }
}

推荐阅读