> For the complete documentation index, see [llms.txt](https://learnphp.gitbook.io/learnphp/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://learnphp.gitbook.io/learnphp/wordpress-advand/a-react-woocommerce-project-example-with-rest-api/mot-vi-du-dung-wc-v3-de-ket-noi-woocommercerestapi.md).
# Một ví dụ dùng wc/v3 để kết nối WooCommerceRestApi
### Example 1: Sử dụng wc/v3
package.json
```json
{
"name": "myapp",
"version": "1.0.0",
"description": "",
"main": "app.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"dev": "node app.js"
},
"keywords": [],
"author": "",
"license": "ISC",
"dependencies": {
"@woocommerce/woocommerce-rest-api": "^1.0.1",
"express": "^4.21.2"
}
}
```
app.js
```javascript
var express = require('express');
const wooConfig = require('./wooConfig');
const WooCommerceRestApi = require("@woocommerce/woocommerce-rest-api").default;
const WooCommerce = new WooCommerceRestApi({
url: wooConfig.siteUrl,
consumerKey: wooConfig.consumerKey,
consumerSecret: wooConfig.consumerSecret,
version: 'wc/v3',
queryStringAuth: true
});
var app = express();
app.get('/', function (req, res) {
WooCommerce.get("products")
.then((response) => {
console.log(response.data);
})
.catch((error) => {
console.log(error);
});
res.send('Hello World!');
});
app.listen(3000, function () {
console.log('Example app listening on port 3000!');
});
```
wooConfig.js
```javascript
// const wooConfig = {
// siteUrl: 'https://wpclidemo.dev',
// consumerKey: 'ck_a4d07c9f2ac8cb1e02779810a35644591dc4a7b6',
// consumerSecret: 'cs_89ba76c650eac0aff8baf1623dc4074147c2e2b8',
// };
// module.exports = wooConfig;
const wooConfig = {
siteUrl: 'https://dev-lionel1.pantheonsite.io',
consumerKey: 'ck_a07b018d4bc7fca36953f4d151ad1a3db40e5355',
consumerSecret: 'cs_fd29f1ab86335a85fec504bd6671fa68e9690875',
};
module.exports = wooConfig;
```
Pellentesque habitant morbi tristique senectus et netus et
malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultric
ies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. A
enean ultricies mi vitae est. Mauris placerat eleifend leo.
\n' +
'Photography by @cottonbro.
\n',
short_description: 'This is a simple product.
\n',
sku: 'woo-fashion-hat',
price: '12',
regular_price: '12',
sale_price: '',
date_on_sale_from: null,
date_on_sale_from_gmt: null,
date_on_sale_to: null,
date_on_sale_to_gmt: null,
on_sale: false,
purchasable: true,
total_sales: 0,
virtual: false,
downloadable: false,
downloads: [],
download_limit: 0,
download_expiry: 0,
external_url: '',
button_text: '',
tax_status: 'taxable',
tax_class: '',
manage_stock: false,
stock_quantity: null,
backorders: 'no',
backorders_allowed: false,
backordered: false,
low_stock_amount: null,
sold_individually: false,
weight: '',
dimensions: { length: '', width: '', height: '' },
shipping_required: true,
shipping_taxable: true,
shipping_class: '',
shipping_class_id: 0,
reviews_allowed: true,
average_rating: '0.00',
rating_count: 0,
upsell_ids: [],
cross_sell_ids: [],
parent_id: 0,
purchase_note: '',
categories: [ [Object] ],
tags: [],
images: [ [Object] ],
attributes: [],
default_attributes: [],
variations: [],
grouped_products: [],
menu_order: 0,
price_html: '12 ₫ Pellentesque habitant morbi tristique senectus et netus et
malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultric
ies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. A
enean ultricies mi vitae est. Mauris placerat eleifend leo.
\n' +
'Photography by @cottonbro.
\n',
short_description: 'This is a simple product.
\n',
sku: 'woo-fashion-shirt-green',
price: '20',
regular_price: '25',
sale_price: '20',
date_on_sale_from: null,
date_on_sale_from_gmt: null,
date_on_sale_to: null,
date_on_sale_to_gmt: null,
on_sale: true,
purchasable: true,
total_sales: 0,
virtual: false,
downloadable: false,
downloads: [],
download_limit: 0,
download_expiry: 0,
external_url: '',
button_text: '',
tax_status: 'taxable',
tax_class: '',
manage_stock: false,
stock_quantity: null,
backorders: 'no',
backorders_allowed: false,
backordered: false,
low_stock_amount: null,
sold_individually: false,
weight: '',
dimensions: { length: '', width: '', height: '' },
shipping_required: true,
shipping_taxable: true,
shipping_class: '',
shipping_class_id: 0,
reviews_allowed: true,
average_rating: '0.00',
rating_count: 0,
upsell_ids: [],
cross_sell_ids: [],
parent_id: 0,
purchase_note: '',
categories: [ [Object] ],
tags: [],
images: [ [Object] ],
attributes: [],
default_attributes: [],
variations: [],
grouped_products: [],
menu_order: 0,
price_html: '25 ₫ Original price was: 25&nbs
p;₫. 20 ₫ Current price is: 20 &
#8363;. ',
related_ids: [ 71, 63, 65 ],
meta_data: [ [Object] ],
stock_status: 'instock',
has_options: false,
post_password: '',
global_unique_id: '',
gutenberg_blocks: [ [Object] ],
brands: [],
_links: { self: [Array], collection: [Array] }
},
{
id: 73,
name: 'Jacket',
slug: 'jacket',
permalink: 'https://dev-lionel1.pantheonsite.io/product/jacket/',
date_created: '2025-02-08T11:42:44',
date_created_gmt: '2025-02-08T11:42:44',
date_modified: '2025-02-08T11:42:44',
date_modified_gmt: '2025-02-08T11:42:44',
type: 'simple',
status: 'publish',
featured: false,
catalog_visibility: 'visible',
description: 'Pellentesque habitant morbi tristique senectus et netus et
malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultric
ies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. A
enean ultricies mi vitae est. Mauris placerat eleifend leo.
\n' +
'Photography by @cottonbro.
\n',
short_description: 'This is a simple product.
\n',
sku: 'woo-fashion-jacket',
price: '25',
regular_price: '25',
sale_price: '',
date_on_sale_from: null,
date_on_sale_from_gmt: null,
date_on_sale_to: null,
date_on_sale_to_gmt: null,
on_sale: false,
purchasable: true,
total_sales: 0,
virtual: false,
downloadable: false,
downloads: [],
download_limit: 0,
download_expiry: 0,
external_url: '',
button_text: '',
tax_status: 'taxable',
tax_class: '',
manage_stock: false,
stock_quantity: null,
backorders: 'no',
backorders_allowed: false,
backordered: false,
low_stock_amount: null,
sold_individually: false,
weight: '',
dimensions: { length: '', width: '', height: '' },
shipping_required: true,
shipping_taxable: true,
shipping_class: '',
shipping_class_id: 0,
reviews_allowed: true,
average_rating: '0.00',
rating_count: 0,
upsell_ids: [],
cross_sell_ids: [],
parent_id: 0,
purchase_note: '',
categories: [ [Object] ],
tags: [],
images: [ [Object] ],
attributes: [],
default_attributes: [],
variations: [],
grouped_products: [],
menu_order: 0,
price_html: '25 ₫ Pellentesque habitant morbi tristique senectus et netus et
malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultric
ies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. A
enean ultricies mi vitae est. Mauris placerat eleifend leo.
\n' +
'Photography by @cottonbro.
\n',
short_description: 'This is a simple product.
\n',
sku: 'woo-fashion-shirt-cream',
price: '25',
regular_price: '25',
sale_price: '',
date_on_sale_from: null,
date_on_sale_from_gmt: null,
date_on_sale_to: null,
date_on_sale_to_gmt: null,
on_sale: false,
purchasable: true,
total_sales: 0,
virtual: false,
downloadable: false,
downloads: [],
download_limit: 0,
download_expiry: 0,
external_url: '',
button_text: '',
tax_status: 'taxable',
tax_class: '',
manage_stock: true,
stock_quantity: 5,
backorders: 'no',
backorders_allowed: false,
backordered: false,
low_stock_amount: null,
sold_individually: false,
weight: '',
dimensions: { length: '', width: '', height: '' },
shipping_required: true,
shipping_taxable: true,
shipping_class: '',
shipping_class_id: 0,
reviews_allowed: true,
average_rating: '0.00',
rating_count: 0,
upsell_ids: [],
cross_sell_ids: [],
parent_id: 0,
purchase_note: '',
categories: [ [Object] ],
tags: [],
images: [ [Object] ],
attributes: [],
default_attributes: [],
variations: [],
grouped_products: [],
menu_order: 0,
price_html: '25 ₫ Pellentesque habitant morbi tristique senectus et netus et
malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultric
ies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. A
enean ultricies mi vitae est. Mauris placerat eleifend leo.
\n' +
'Photography by @cottonbro.
\n',
short_description: 'This is a simple product.
\n',
sku: 'woo-fashion-shoes',
price: '18',
regular_price: '18',
sale_price: '',
date_on_sale_from: null,
date_on_sale_from_gmt: null,
date_on_sale_to: null,
date_on_sale_to_gmt: null,
on_sale: false,
purchasable: true,
total_sales: 0,
virtual: false,
downloadable: false,
downloads: [],
download_limit: 0,
download_expiry: 0,
external_url: '',
button_text: '',
tax_status: 'taxable',
tax_class: '',
manage_stock: true,
stock_quantity: 5,
backorders: 'no',
backorders_allowed: false,
backordered: false,
low_stock_amount: null,
sold_individually: false,
weight: '',
dimensions: { length: '', width: '', height: '' },
shipping_required: true,
shipping_taxable: true,
shipping_class: '',
shipping_class_id: 0,
reviews_allowed: true,
average_rating: '0.00',
rating_count: 0,
upsell_ids: [],
cross_sell_ids: [],
parent_id: 0,
purchase_note: '',
categories: [ [Object] ],
tags: [],
images: [ [Object] ],
attributes: [],
default_attributes: [],
variations: [],
grouped_products: [],
menu_order: 0,
price_html: '18 ₫
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.