使用 JavaScript 进行调味
我选择的路线让我在不依赖任何客户端 JavaScript 的情况下使这个网站正常运行方面取得了很大进展。一旦所有页面都可用并按预期填充，我就会添加少量客户端 JavaScript 来管理以下内容：
将商品添加到购物车并显示当前包含的商品数量
使用 localStorage 跟踪 Shopify 创建的当前购物车 ID，以便后续购物可以放入同一个购物车中
启用异步请求将商品添加到购物车，而不是使用传统的表单提交
所有这些客户端 JavaScript 总计约 80 行注释代码。这里没有库或框架，但您当然可以选择利用您喜欢的任何框架来访问一些更丰富的 UI 功能，而不必自己动手。
这种解耦模型，其中表示层独立于底层电子商务服务，并且 美国电报号码数据库 不与托管基础设施耦合，意味着您在为网站用户打造所需体验时拥有极好的控制水平。
代理商花费大量精力为客户设计引人入胜且有效的体验。通过扩展 Storefront API，Shopify 极大地改善了实现这些设计承诺的途径，以便按预期向客户提供体验，并通过用户体验产生差异化和竞争优势，无论使用何种技术构建这些体验。
探索
您可以探索此参考模板以了解更多信息 -它在 GitHub 上可用。
该示例还设计为不需要任何秘密或敏感密钥，因此您也可以通过单击下面的按钮克隆此项目并在本地构建它（或在 Netlify 上部署为新站点）。