在 JQUERY 中调用 Shopify 店面 API

Shopify API 开发及 Ajax 使用详解

Shopify 提供多种 API 接口支持业务功能扩展，Ajax 常用于前台交互操作

Shopify 的业务系统高度可定制化，开发者可根据需求通过 Shopify API 进行功能扩展。该 API 支持 XML 和 JSON 数据格式，并支持包括 GET、POST、PUT、DELETE 在内的 HTTP 请求方式。支持的方法涵盖了类别（Collection）、客户（Customer）、订单（Order）、产品（Product） 等主要跨境电商运营模块。

Shopify 主要 API 类型

• Admin API：用于增强管理后台和商城 UX 功能；
• Storefront API：适用于模版修改与启用全局读取方法，比如使用元字段可通过 shop 方法读取：

  <script>
      var customMetaField = {shop.metafields.namespace.fieldname};
  </script>

  无需身份验证，所有用户拥有只读权限；
• Payment Apps API（支付APP）：需具备 Partner 用户参照对应API进行登录调控权限进行信用卡或退款批复类处理。其请求为 GraphQL 表达式驱动且有速率限制。
• Partner API：允许 Partner 用户访问内置合作伙伴仪表板内的张量数据资产；
• Ajax API：被常规开发中广泛用于主题前台实现轻量级 REST API 服务全部分析默认脱敏化；由 JQuery.js 实现无须主体认证以 JSON 为上述申明主部署响应格式.
• Section Rendering API：可用于动态替换主题部分关键字元素从而满足缓载策略.
• Javascript-level Statement & Window NSObject Extension Exposure APIs e.g: Customer Privacy and Shopify InBox based Messenger API POWERED settings for intra branding intersection in multi platform contextual marketing, 包含移动端的SMS消息与第三方社交平台如 - Facebook Kakao Android扩大了品牌营销触角

{{ '//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' | script_tag }}
{{ 'api.jquery.js' | shopify_asset_url | script_tag }}

jQuery.getJSON('/products/red-rain-coat.js', function(product) {
  alert('The title of this product is ' + product.title);
});

jQuery.post('/cart/add.js', {
  quantity: 1,
  id: 794864229,
  properties: {
    'First name': 'Caroline'
  }
});

Shopify.queue = [];
jQuery('.quantity').each(function() {
  Shopify.queue.push({
    variantId: jQuery(this).data('variant-id'),
    quantity: parseInt(jQuery(this).val(), 10) || 0
  });
});
'