{"id":24483,"date":"2021-05-19T12:14:00","date_gmt":"2021-05-19T09:14:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=24483"},"modified":"2021-10-18T02:15:28","modified_gmt":"2021-10-17T23:15:28","slug":"un-guide-rapide-sur-l-api-rest-de-woocommerce","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/un-guide-rapide-sur-l-api-rest-de-woocommerce\/","title":{"rendered":"Un guide rapide sur l’API REST de WooCommerce"},"content":{"rendered":"

Cherchez-vous \u00e0 interagir avec l’API REST de WooCommerce\u00a0? WooCommerce fournit une API REST qui vous fournira des donn\u00e9es en temps r\u00e9el \u00e0 partir du backend pouvant \u00eatre plac\u00e9es n’importe o\u00f9 sur votre application externe. Gr\u00e2ce \u00e0 son API REST, on peut g\u00e9rer ses donn\u00e9es WooCommerce en frappant les points de terminaison. Dans cet article, nous \u00e9tudions comment utiliser l’API REST de WooCommerce et envoyer des requ\u00eates HTTP \u00e0 WooCommerce.<\/p>\n

Si vous souhaitez cr\u00e9er votre propre boutique, vous pouvez utiliser WooCommerce comme backend pour g\u00e9rer vos produits, images de produits, galerie, etc. Ensuite, en utilisant l’API REST, r\u00e9cup\u00e9rez les donn\u00e9es du produit et affichez-les sur votre application externe. WooCommerce fournit une documentation API REST<\/a> pour interagir avec le backend. Ici, vous obtiendrez des d\u00e9tails sur tout, comme les produits, les clients, les commandes, les taxes, etc. Dans cet article, nous allons interagir avec les points de terminaison du produit. De la m\u00eame mani\u00e8re, vous pouvez int\u00e9grer d’autres options comme les clients, les commandes, etc.<\/p>\n

Obtenez votre cl\u00e9 client et votre secret client<\/h3>\n

Pour commencer avec l’API REST WooCommerce, vous devez d’abord obtenir votre cl\u00e9 client et votre secret client. Ces cl\u00e9s sont l’identification pour le magasin et n\u00e9cessaires lors de l’appel d’API \u00e0 WooCommerce.<\/p>\n

Vous devez installer WooCommerce sur votre backend WordPress. Rendez-vous ensuite sur la page WooCommerce-> Param\u00e8tres<\/strong>. Cliquez sur l’onglet Avanc\u00e9 puis sur le lien API REST.<\/p>\n

\"Un<\/a><\/p>\n

Sur cette page, cliquez sur le bouton ‘Cr\u00e9er une cl\u00e9 API’.<\/p>\n

\"Un<\/a><\/p>\n

Saisissez la description, choisissez les autorisations \u00ab\u00a0Lecture\/\u00e9criture\u00a0\u00bb \u200b\u200bet appuyez sur le bouton G\u00e9n\u00e9rer une cl\u00e9 API. Vous pouvez \u00e9galement choisir l’autorisation de lecture. Cela d\u00e9pend de votre exigence. Si vous avez juste besoin de lire les donn\u00e9es de WooCommerce, choisissez l’option "Lire". Et si vous souhaitez effectuer \u00e0 la fois des op\u00e9rations de lecture et d’\u00e9criture, votre option serait "Lecture\/\u00e9criture".<\/p>\n

\"Un<\/a><\/p>\n

Copiez votre cl\u00e9 client et votre secret client qui seront requis lors des appels d’API.<\/p>\n

\"Un<\/a><\/p>\n

Interagir avec l’API REST WooCommerce<\/h3>\n

Une fois que vous \u00eates pr\u00eat avec votre cl\u00e9 client et votre secret client, nous pouvons commencer par le code qui interagit avec le WooCommerce. Comme nous devons envoyer des requ\u00eates HTTP, installez la biblioth\u00e8que Guzzle \u00e0 l’aide de la commande ci-dessous.<\/p>\n

composer require guzzlehttp\/guzzle<\/code><\/pre>\n
<\/a>Guzzle est un client HTTP PHP qui facilite l’envoi de requ\u00eates HTTP et l’int\u00e9gration aux services Web.<\/p>\n
Prenons maintenant quelques points de terminaison comme obtenir tous les produits, obtenir un seul produit, mettre \u00e0 jour un produit et l’int\u00e9grer.<\/p>\n
Obtenir des produits<\/h4>\n
Lors de l’appel des points de terminaison de l’API WooCommerce, vous devez d\u00e9finir l’en-t\u00eate d’autorisation qui est une cha\u00eene encod\u00e9e en base64 de votre cl\u00e9 client et de votre secret client.<\/p>\n
<?php\nrequire_once \"vendor\/autoload.php\";\n\u00a0\u00a0\nuse GuzzleHttpClient;\n\u00a0\ndefine('WC_CONSUMER_KEY', 'PASTE_CONSUMER_KEY');\ndefine('WC_CONSUMER_SECRET', 'PASTE_CONSUMER_SECRET');\n\u00a0\u00a0\n$client = new Client([\n\u00a0\u00a0\u00a0\u00a0\/\/ Base URI is used with relative requests\n\u00a0\u00a0\u00a0\u00a0'base_uri' => 'YOUR_DOMAIN_BASE_URL',\n]);\n\u00a0\ntry {\n\u00a0\u00a0\u00a0\u00a0$response = $client->request('GET', '\/wp-json\/wc\/v3\/products', [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'headers' => [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\"Authorization\" => \"Basic \". base64_encode(WC_CONSUMER_KEY.':'.WC_CONSUMER_SECRET)\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0],\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'query' => [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'per_page' => 18,\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0],\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'verify' => false, \/\/only needed if you are facing SSL certificate issue\n\u00a0\u00a0\u00a0\u00a0]);\n\u00a0\u00a0\u00a0\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0$body = $response->getBody();\n\u00a0\u00a0\u00a0\u00a0$arr_body = json_decode($body);\n\u00a0\u00a0\u00a0\u00a0print_r($arr_body);\n} catch (Exception $e) {\n\u00a0\u00a0\u00a0\u00a0echo $e->getMessage();\n}<\/code><\/pre>\n
Dans le code ci-dessus, j’ai appel\u00e9 le point de terminaison qui donne une liste de produits. Ici, j’ai pass\u00e9 18 en tant que valeur ‘par_page’ qui donnera 18 donn\u00e9es de produit en r\u00e9ponse. Vous pouvez transmettre cette valeur selon vos besoins. Assurez-vous de remplacer les espaces r\u00e9serv\u00e9s par les valeurs r\u00e9elles avant d’atteindre le point de terminaison.<\/p>\n
Obtenez un seul produit<\/h4>\n
Si vous souhaitez r\u00e9cup\u00e9rer les donn\u00e9es d’un seul produit, votre point de terminaison sera le suivant.<\/p>\n
$response = $client->request('GET', '\/wp-json\/wc\/v3\/products\/PRODUCT_ID_HERE', [\n\u00a0\u00a0\u00a0\u00a0'headers' => [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\"Authorization\" => \"Basic \". base64_encode(WC_CONSUMER_KEY.':'.WC_CONSUMER_SECRET)\n\u00a0\u00a0\u00a0\u00a0],\n\u00a0\u00a0\u00a0\u00a0'verify' => false,\n]);<\/code><\/pre>\n
Mettre \u00e0 jour un produit<\/h4>\n
Vous pouvez mettre \u00e0 jour un produit en envoyant une demande PUT au point de terminaison de l’API. Supposons que vous souhaitiez mettre \u00e0 jour un prix_r\u00e9gulier de votre produit.<\/p>\n
$response = $client->request('PUT', '\/wp-json\/wc\/v3\/products\/PRODUCT_ID_HERE', [\n\u00a0\u00a0\u00a0\u00a0'headers' => [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\"Authorization\" => \"Basic \". base64_encode(WC_CONSUMER_KEY.':'.WC_CONSUMER_SECRET)\n\u00a0\u00a0\u00a0\u00a0],\n\u00a0\u00a0\u00a0\u00a0'json' => [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'regular_price' => '12.20',\n\u00a0\u00a0\u00a0\u00a0],\n\u00a0\u00a0\u00a0\u00a0'verify' => false,\n]);<\/code><\/pre>\n
Ce sont quelques appels de base. De la m\u00eame mani\u00e8re, l’utilisateur peut envoyer une requ\u00eate HTTP pour les clients, les commandes, les coupons, etc. Vous pouvez en savoir plus \u00e0 ce sujet sur leur documentation officielle<\/a>.<\/p>\n
Interagir avec l’API REST WooCommerce \u00e0 l’aide de JavaScript<\/h3>\n
WooCommerce publie sa propre biblioth\u00e8que JavaScript<\/a> qui est utile pour envoyer un appel API \u00e0 WooCommerce \u00e0 partir du framework JavaScript. Supposons que vous souhaitiez interagir avec l’API REST \u00e0 partir de votre application bas\u00e9e sur React.<\/p>\n
Dans ce cas, installez la librairie ‘@woocommerce\/woocommerce-rest-api’ par la commande :<\/p>\n
npm install --save @woocommerce\/woocommerce-rest-api<\/code><\/pre>\n
Ensuite, dans votre composant React, vous pouvez obtenir la liste des produits en utilisant le code ci-dessous.<\/p>\n
import React from 'react';\nimport ReactDOM from 'react-dom';\nimport WooCommerceRestApi from \"@woocommerce\/woocommerce-rest-api\";\n\u00a0\nclass ProductsComponent extends React.Component {\n\u00a0\u00a0constructor(props) {\n\u00a0\u00a0\u00a0\u00a0super(props);\n\u00a0\u00a0\u00a0\u00a0this.state = {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0products: []\n\u00a0\u00a0\u00a0\u00a0};\n\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0componentDidMount() {\n\u00a0\u00a0\u00a0\u00a0const api = new WooCommerceRestApi({\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0url: \"YOUR_DOMAIN_BASE_URL\",\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0consumerKey: \"PASTE_CONSUMER_KEY\",\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0consumerSecret: \"PASTE_CONSUMER_SECRET\",\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0version: \"wc\/v3\"\n\u00a0\u00a0\u00a0\u00a0});\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\/\/ List products\n\u00a0\u00a0\u00a0\u00a0api.get(\"products\", {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0per_page: 18, \/\/ 18 products per page\n\u00a0\u00a0\u00a0\u00a0})\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0.then((response) => {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ Successful request\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0this.setState({\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0products: response.data\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0});\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0})\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0.catch((error) => {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ Invalid request, for 4xx and 5xx statuses\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0})\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0.finally(() => {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ Always executed.\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0});\n\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0render() {\n\u00a0\u00a0\u00a0\u00a0return (\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<div>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<h2>Products<\/h2>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<ul>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0{this.state.products.map(product => (\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<li key={product.id}>{product.name} - ${product.regular_price}<\/li>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0))}\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/ul>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/div>\n\u00a0\u00a0\u00a0\u00a0);\n\u00a0\u00a0}\n}\n\u00a0\nconst element = <ProductsComponent><\/ProductsComponent>\n\u00a0\nReactDOM.render(element, document.getElementById(\"root\"));<\/code><\/pre>\n
Ici, j’imprime la liste des noms de produits et le prix des produits. L’utilisateur peut \u00e9galement imprimer d’autres donn\u00e9es. Si vous souhaitez voir toutes les donn\u00e9es dans la console, enregistrez le fichier response.data dans la m\u00e9thode success. Tout comme l’exemple ci-dessus, vous pouvez envoyer d’autres requ\u00eates HTTP depuis votre application React.<\/p>\n
Conclusion<\/h3>\n
Dans ce tutoriel, nous \u00e9tudions l’appel de l’API REST WooCommerce \u00e0 l’aide de PHP et JavaScript. Nous avons parcouru les quelques points de terminaison d’API de WooCommerce. L’utilisateur peut jouer avec l’autre point de terminaison en suivant la documentation et en envoyant les requ\u00eates HTTP requises.<\/p>\n
Source d’enregistrement:  artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Si vous cherchez \u00e0 cr\u00e9er une boutique en ligne, WooCommerce est l’un des meilleurs choix. Nous pouvons utiliser l’API REST WooCommerce et cr\u00e9er un magasin dans n’importe quelle langue.<\/p>\n","protected":false},"author":1,"featured_media":22224,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[312,497,273,608],"tags":[844],"class_list":["post-24483","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-base-de-donnees","category-laravel2-4","category-php-4","category-uncategorized-4","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/24483","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/comments?post=24483"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/24483\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/22224"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=24483"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=24483"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=24483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}