我正在使用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应用程序商店中提供我的应用程序。
似乎有一个未记录的功能(此处有文档记录)可以将客户直接转发到结帐页面(带有预填充购物车)。您只需要构造一个特殊的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发布到购物车。