提问者:小点点

如何使用Shopify API将商品添加到购物车


我正在使用Shopify API开发自定义Web应用程序。这里的想法是将应用程序用作独家店面,只需向Shopify API发出请求。为此,我在Shopify帐户中设置了一个私人应用程序。

从api(使用/admin/products.json apiendpoint)拉入产品没有问题。但是我花了很长时间试图使用Ajax API,特别是/cart/add,从我的域将产品添加到购物车中。JSAPIendpoint。我在使用REST客户端时得到了正确的JSON响应(我使用的是Google Chrome扩展Postman),但我无法在自己的应用程序中使用它。

在我的应用程序中,我将向自己的服务器发送一个AJAX请求,然后服务器使用curl调用APIendpoint并返回JSON响应(以避免跨域问题/必须使用JSONP)。尽管两个JSON响应完全相同,但在我的web应用程序中,该项目并未添加到购物车中。

示例代码:

Javascript:

$(".add-to-cart").on('click', function() {
     // sample initialization code here
     // ...
        $.post("/url-to-server", {
            id: id, // this is the variant ID
            quantity: 1
        }, function(response) {
                    // more checking to make sure we have proper response
        });

        return false;
    });

服务器端代码(PHP):

protected function _ajax_add_item_to_cart()
{
    $args = $this->input->post();

    // custom app method that makes curl request
    $result = $this->_shopify_request('post', 'cart/add.js', $args);

    // custom app method that returns valid JSON
    return $this->json_response(true, 'Item Added!', [
        'item' => $result
    ]);
}

JSON响应示例(使用Postman REST客户端时的结果相同):

{
  "id": 313743963,
  "title": "All Natural GumBits 16oz",
  "price": 3800,
  "line_price": 3800,
  "quantity": 1,
  "sku": "",
  "grams": 0,
  "vendor": "horseshow",
  "properties": null,
  "variant_id": 313743963,
  "url": "/products/all-natural-gumbits-16oz",
  "image": "http://cdn.shopify.com/s/files/1/0235/4155/products/gumbits.png?43",
  "handle": "all-natural-gumbits-16oz",
  "requires_shipping": true
}

这是我使用ShopifAPI构建的第一个应用程序,因此我非常感谢能得到的任何指导。我曾考虑与合作伙伴应用程序注册并使用OAuth身份验证,但这对于我需要做的事情来说似乎有些过分,因为我不想使用Shopify店面,也不打算在Shopify应用程序商店中提供我的应用程序。


共1个答案

匿名用户

似乎有一个未记录的功能(此处有文档记录)可以将客户直接转发到结帐页面(带有预填充购物车)。您只需要构造一个特殊的URL,例如:

# order 1 item of product with variant_id 300823433
http://murray-inc9186.myshopify.com/cart/300823433:1

# order 1 item  of product with variant_id 300823433
# order 2 items of product with variant_id 261826220
http://murray-inc9186.myshopify.com/cart/300823433:1,261826220:2

也许你可以使用这个特殊的URL来代替AJAX发布到购物车。