{"id":28021,"date":"2021-05-19T10:13:00","date_gmt":"2021-05-19T07:13:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=28021"},"modified":"2021-10-18T03:43:56","modified_gmt":"2021-10-18T00:43:56","slug":"jak-wyswietlic-powiazane-produkty-za-pomoca-woocommerce-rest-api","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pl\/jak-wyswietlic-powiazane-produkty-za-pomoca-woocommerce-rest-api\/","title":{"rendered":"Jak wy\u015bwietli\u0107 powi\u0105zane produkty za pomoc\u0105 WooCommerce REST API"},"content":{"rendered":"

Je\u015bli chodzi o sklepy internetowe, oczywiste jest, \u017ce powi\u0105zane produkty s\u0105 wy\u015bwietlane na stronie szczeg\u00f3\u0142\u00f3w pojedynczego produktu. Pomaga klientom pokaza\u0107 podobne produkty, kt\u00f3re mog\u0105 chcie\u0107 kupi\u0107. Zwi\u0119ksza r\u00f3wnie\u017c zaanga\u017cowanie u\u017cytkownik\u00f3w w Twojej witrynie. Im wi\u0119cej czasu klienci sp\u0119dzaj\u0105 w Twoim sklepie, tym wi\u0119ksze s\u0105 szanse, \u017ce kupi\u0105 Twoje produkty. W tym artykule poka\u017c\u0119, jak pokaza\u0107 powi\u0105zane produkty za pomoc\u0105 WooCommerce REST API.<\/p>\n

W tym samouczku pobior\u0119 wszystkie produkty zwi\u0105zane z bie\u017c\u0105cym produktem, a nast\u0119pnie go wy\u015bwietl\u0119. \u0141\u0105cz\u0119 r\u00f3wnie\u017c ka\u017cdy produkt z jego stron\u0105 ze szczeg\u00f3\u0142ami.<\/p>\n

Przyk\u0142ad wyja\u015bniony w tym artykule mo\u017ce dotyczy\u0107 r\u00f3wnie\u017c witryny WooCommerce. Mo\u017cna u\u017cy\u0107 tej techniki i wy\u015bwietla\u0107 powi\u0105zane produkty bez u\u017cycia wtyczki. Zapewni to wi\u0119ksz\u0105 kontrol\u0119 nad projektem i znacznikami strony produktu.<\/p>\n

Uzyskaj klucz klienta i tajemnic\u0119 klienta<\/h3>\n

Decyduj\u0105c si\u0119 na rozpocz\u0119cie korzystania z WooCommerce REST API, musisz najpierw uzyska\u0107 klucz klienta i tajny klucz klienta. Klucze te s\u0142u\u017c\u0105 do identyfikacji sklepu i s\u0105 niezb\u0119dne podczas wywo\u0142ywania API WooCommerce. Mo\u017cesz przeczyta\u0107 wi\u0119cej na ten temat w ich dokumentacji<\/a>.<\/p>\n

Najpierw zainstaluj wtyczk\u0119 WooCommerce na swojej stronie. Nast\u0119pnie przejd\u017a<\/strong> do strony WooCommerce->Ustawienia<\/strong>. Kliknij na zak\u0142adk\u0119 Zaawansowane, a nast\u0119pnie na link REST API.<\/p>\n

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

Na tej stronie kliknij przycisk \u201eUtw\u00f3rz klucz API".<\/p>\n

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

Wprowad\u017a opis, wybierz uprawnienie \u201eOdczyt” i naci\u015bnij przycisk Generuj klucz API. Mo\u017cesz r\u00f3wnie\u017c wybra\u0107 uprawnienie \u201eOdczyt\/zapis”. To zale\u017cy od Twoich wymaga\u0144. Je\u015bli potrzebujesz tylko odczyta\u0107 dane z WooCommerce, wybierz opcj\u0119 \u201eCzytaj”. A je\u015bli chcesz wykonywa\u0107 zar\u00f3wno operacje odczytu, jak i zapisu, twoj\u0105 oczywist\u0105 opcj\u0105 jest \u201eOdczyt\/zapis”. W tym przypadku kierujemy reklamy tylko na powi\u0105zane produkty, wi\u0119c wystarczy uprawnienie \u201eOdczyt”.<\/p>\n

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

Skopiuj klucz klienta i tajny klucz klienta, kt\u00f3re b\u0119d\u0105 wymagane podczas wywo\u0142ywania API.<\/p>\n

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

WooCommerce REST API, aby uzyska\u0107 powi\u0105zane produkty<\/h3>\n

Gdy b\u0119dziesz gotowy z kluczem klienta i tajnym kluczem klienta, mo\u017cemy zacz\u0105\u0107 od kodu, kt\u00f3ry wywo\u0142uje interfejs API do punktu ko\u0144cowego WooCommerce. Poniewa\u017c najpierw musimy pobra\u0107 powi\u0105zane produkty, musimy pobra\u0107 dane jednego produktu za po\u015brednictwem interfejsu API. Dzieje si\u0119 tak, poniewa\u017c zwykle wy\u015bwietlamy nasze podobne produkty na stronie pojedynczego produktu.<\/p>\n

Poniewa\u017c musimy wysy\u0142a\u0107 \u017c\u0105dania HTTP, zainstaluj bibliotek\u0119 Guzzle za pomoc\u0105 poni\u017cszego polecenia.<\/p>\n

composer require guzzlehttp\/guzzle<\/code><\/pre>\n
Guzzle to klient PHP HTTP, kt\u00f3ry u\u0142atwia wysy\u0142anie \u017c\u0105da\u0144 HTTP i banalne do integracji z us\u0142ugami internetowymi.<\/p>\n
Na koniec napiszmy kod, aby otrzyma\u0107 pojedynczy produkt, a nast\u0119pnie produkty powi\u0105zane. Gdy WooCommerce zwraca dane produktu, w odpowiedzi zawiera r\u00f3wnie\u017c klucz \u201erelated_ids” wraz z warto\u015bciami. Te warto\u015bci to nic innego jak identyfikatory powi\u0105zanych produkt\u00f3w. W zwi\u0105zku z tym nasz kod PHP b\u0119dzie wygl\u0105da\u0142 nast\u0119puj\u0105co.<\/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
Zast\u0105p symbol zast\u0119pczy \u201ePRODUCT_ID_HERE” rzeczywist\u0105 warto\u015bci\u0105. W powy\u017cszym kodzie przekazuj\u0119 parametr \u201eincludes” jako tablic\u0119 z powi\u0105zanymi_ids. WooCommerce w odpowiedzi podaje nam wszystkie szczeg\u00f3\u0142y dotycz\u0105ce produkt\u00f3w. Nast\u0119pnie przechodzimy przez niego w p\u0119tli i wy\u015bwietlamy tytu\u0142 produktu oraz jego link. U\u017cytkownik mo\u017ce r\u00f3wnie\u017c wydrukowa\u0107 inne dane z odpowiedzi.<\/p>\n
Powi\u0105zane artyku\u0142y<\/h4>\n