如何使用JavaScript通过Woocommerce Rest API将商品添加到购物车

我发布这个方案，旨在帮助所有正在查找新版本Woocommerce Rest API对应解决方案的开发者，我前后耗时7小时才实现该功能，若能帮大家节省这部分时间将十分荣幸。

重要提示 #

• 建议使用Woocommerce Rest API官方文档中提到的Postman、Insomnia等接口测试工具，这些工具对我生成正确代码、完成测试工作帮助极大。
• 开发过程中需特别注意Woo专属nonce的生成，该nonce规则与WordPress默认nonce完全不同，需单独构造。

可运行代码示例 #

以下是通过Rest API添加简单商品到购物车的JS代码：

fetch("https://你的域名/wp-json/wc/store/cart/add-item", {
  "method": "POST",
  "headers": {
    "X-WC-Store-API-Nonce": "此处替换为你生成的Woo专属nonce", 
    "Content-Type": "application/json"
  },
  "body": "{\"id\":\"3665\",\"quantity\":\"1\"}" // id替换为实际商品ID，quantity为加购数量
})
.then(response => {
  console.log(response);
})
.catch(err => {
  console.error(err);
});

如需了解购物车支持的所有操作，可在你的站点域名后拼接路径/wp-json/wc/store/访问，查看所有可用路由。开发中最复杂的部分通常是按照文档要求正确构造POST请求，配置正确的nonce及其他所需请求头。

目前针对加购功能的Rest API相关官方文档较少，希望本内容能给大家提供帮助，也能补充Woocommerce的相关文档内容。

祝开发顺利。

内容的提问来源于stack exchange，提问作者Jose Ponceleon