如何在不使用graphql查询的next.js前端获取woocommerce类别页面

Question

我可以用这个api获得所有类别的名称，但是如何提取一个类别的所有产品。

这是使用wordpress后端的nextjs。

const WooCommerceRestApi = require("@woocommerce/woocommerce-rest-api").default;


    
const api = new WooCommerceRestApi({
url: process.env.NEXT_PUBLIC_WORDPRESS_SITE_URL,
consumerKey: process.env.CONSUMER_KEY,
consumerSecret: process.env.CONSUMER_SECRET,
version: "wc/v3"
});

export default async function handler(req, res){
const responseData = {
    success:false,
    categories: []
}
const { perPage} = req?.query ?? {};
try {
    const {data} = await api.get(
        'customers',
        {
            per_page:perPage||100


        }
    );
    responseData.success = true;
    responseData.customers = data;
    res.json( responseData);
} catch ( error ){
    responseData.error = error.message;
    res.status(500).json(responseData);
}

Answer 1

如果你努力阅读官方的WooCommerce API文档，你可以很容易地找到答案;-)

https://woocommerce.github.io/woocommerce-rest-api-docs/#list-all-products

这个API帮助您查看所有产品。获得/wp/wc/v3/产品?类别=1 参数{x}类型说明 将结果集限制到分配给特定类别ID的产品。

应用于Next.js：

  try {
    const response = await api.get("products", { category:1 });
    return response;
  } catch (error) {
    throw new Error(error);
  }