{"id":24469,"date":"2021-05-19T09:55:00","date_gmt":"2021-05-19T06:55:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=24469"},"modified":"2021-10-18T02:15:32","modified_gmt":"2021-10-17T23:15:32","slug":"comment-afficher-les-produits-associes-a-l-aide-de-l-api-rest-woocommerce","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-afficher-les-produits-associes-a-l-aide-de-l-api-rest-woocommerce\/","title":{"rendered":"Comment afficher les produits associ\u00e9s \u00e0 l’aide de l’API REST WooCommerce"},"content":{"rendered":"

Lorsqu’il s’agit de magasins en ligne, il est \u00e9vident d’afficher les produits associ\u00e9s sur la page d\u00e9taill\u00e9e d’un seul produit. Cela aide vos clients \u00e0 montrer des produits similaires qu’ils souhaitent peut-\u00eatre acheter. Cela augmente \u00e9galement l’engagement des utilisateurs sur votre site Web. Comme les clients passent plus de temps dans votre magasin, il y a plus de chances qu’ils ach\u00e8tent vos produits. Dans cet article, je vous montre comment afficher des produits associ\u00e9s \u00e0 l’aide de l’API REST WooCommerce.<\/p>\n

Dans ce tutoriel, je vais r\u00e9cup\u00e9rer tous les produits li\u00e9s au produit actuel, puis l’afficher. Je relie \u00e9galement chaque produit \u00e0 sa page de d\u00e9tail.<\/p>\n

L’exemple expliqu\u00e9 dans cet article peut \u00e9galement s’appliquer au site Web WooCommerce. On peut utiliser cette technique et afficher les produits associ\u00e9s sans utiliser de plugin. Cela vous donnera plus de contr\u00f4le sur la conception et le balisage de votre page produit.<\/p>\n

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

Lorsque vous d\u00e9cidez de 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 \u00e0 l’API WooCommerce. Vous pouvez en savoir plus \u00e0 ce sujet sur leur documentation<\/a>.<\/p>\n

Tout d’abord, installez le plugin WooCommerce sur votre site Web. Rendez-vous ensuite sur la page WooCommerce-> Param\u00e8tres<\/strong>. Cliquez sur l’onglet Avanc\u00e9 puis sur le lien API REST.<\/p>\n

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

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

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

Entrez la description, choisissez l’autorisation \u00ab\u00a0Lire\u00a0\u00bb et appuyez sur le bouton G\u00e9n\u00e9rer une cl\u00e9 API. Vous pouvez \u00e9galement choisir l’autorisation \u00ab\u00a0Lecture\/\u00e9criture\u00a0\u00bb. 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 \u00e9vidente est "Lecture\/\u00e9criture". Ici, nous ciblons uniquement les produits connexes, donc l’autorisation "Lire" est suffisante.<\/p>\n

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

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

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

API REST WooCommerce pour obtenir des produits connexes<\/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 donne un appel API au point de terminaison WooCommerce. Comme nous devons d’abord r\u00e9cup\u00e9rer les produits associ\u00e9s, nous devons obtenir les donn\u00e9es d’un seul produit via l’API. En effet, nous affichons normalement nos produits similaires sur la page produit unique.<\/p>\n

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
Guzzle est un client HTTP PHP qui facilite l’envoi de requ\u00eates HTTP et l’int\u00e9gration aux services Web.<\/p>\n
Enfin, \u00e9crivons un code pour obtenir un seul produit, puis ses produits associ\u00e9s. Lorsque WooCommerce renvoie les donn\u00e9es du produit, en r\u00e9ponse, il contient \u00e9galement la cl\u00e9 ‘related_ids’ ainsi que les valeurs. Ces valeurs ne sont rien d’autre que des identifiants de produits connexes. Donc, dans le contexte de cela, notre code PHP sera le suivant.<\/p>\n
<?php\nrequire_once \"vendor\/autoload.php\";\n\u00a0\u00a0\nuse GuzzleHttpClient;\n\u00a0\ndefine('WC_CONSUMER_KEY', 'PASTE_CONSUMER_KEY_HERE');\ndefine('WC_CONSUMER_SECRET', 'PASTE_CONSUMER_SECRET_HERE');\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\/PRODUCT_ID_HERE', [\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'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\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'include' => $arr_body->related_ids,\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0],\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'verify' => false,\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_products = json_decode($body);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0if (!empty($arr_products)) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0foreach ($arr_products as $product) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0?>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<p>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<a href=\"<?php echo $product->permalink; ?>\"><?php echo $product->name; ?><\/a>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/p>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<?php\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0}\n} catch (Exception $e) {\n\u00a0\u00a0\u00a0\u00a0echo $e->getMessage();\n}<\/code><\/pre>\n
Remplacez l’espace r\u00e9serv\u00e9 "PRODUCT_ID_HERE" par la valeur r\u00e9elle. Dans le code ci-dessus, je passe le param\u00e8tre ‘includes’ sous forme de tableau avec les related_ids. WooCommerce nous donne alors en r\u00e9ponse tous les d\u00e9tails sur les produits. Ensuite, nous le parcourons et affichons le titre du produit et son lien. L’utilisateur peut \u00e9galement imprimer les autres donn\u00e9es de la r\u00e9ponse.<\/p>\n
Articles Li\u00e9s<\/h4>\n