{"id":24452,"date":"2021-05-19T09:59:00","date_gmt":"2021-05-19T06:59:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=24452"},"modified":"2021-10-17T20:50:37","modified_gmt":"2021-10-17T17:50:37","slug":"aiheeseen-liittyvien-tuotteiden-nayttaminen-woocommerce-rest-sovellusliittyman-avulla","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/aiheeseen-liittyvien-tuotteiden-nayttaminen-woocommerce-rest-sovellusliittyman-avulla\/","title":{"rendered":"Aiheeseen liittyvien tuotteiden n\u00e4ytt\u00e4minen WooCommerce REST -sovellusliittym\u00e4n avulla"},"content":{"rendered":"<p>Verkkokaupoissa on ilmeist\u00e4 n\u00e4ytt\u00e4\u00e4 aiheeseen liittyv\u00e4t tuotteet yhdell\u00e4 tuotetietosivulla. Se auttaa asiakkaitasi n\u00e4ytt\u00e4m\u00e4\u00e4n samanlaisia \u200b\u200btuotteita, joita he ehk\u00e4 haluavat ostaa. Se lis\u00e4\u00e4 my\u00f6s k\u00e4ytt\u00e4jien sitoutumista verkkosivustollesi. Kun enemm\u00e4n aikaa asiakkaat viett\u00e4v\u00e4t kaupassasi, on enemm\u00e4n mahdollisuuksia ostaa tuotteita. T\u00e4ss\u00e4 artikkelissa n\u00e4yt\u00e4n, kuinka aiheeseen liittyvi\u00e4 tuotteita voidaan n\u00e4ytt\u00e4\u00e4 WooCommerce REST -sovellusliittym\u00e4n avulla.<\/p>\n<p>T\u00e4ss\u00e4 opetusohjelmassa haen kaikki nykyiseen tuotteeseen liittyv\u00e4t tuotteet ja n\u00e4yt\u00e4n sen sitten. Linkit\u00e4n my\u00f6s jokaisen tuotteen sen tietosivulle.<\/p>\n<p>T\u00e4ss\u00e4 artikkelissa selitetty esimerkki voi koskea my\u00f6s WooCommerce-verkkosivustoa. Voidaan k\u00e4ytt\u00e4\u00e4 t\u00e4t\u00e4 tekniikkaa ja n\u00e4ytt\u00e4\u00e4 niihin liittyvi\u00e4 tuotteita ilman laajennuksia. Se antaa sinulle paremman hallinnan tuotesivusi suunnittelusta ja merkinn\u00f6ist\u00e4.<\/p>\n<h3>Hanki kuluttaja-avain ja kuluttajasalaisuus<\/h3>\n<p>Kun p\u00e4\u00e4t\u00e4t aloittaa WooCommerce REST -sovellusliittym\u00e4ll\u00e4, sinun on ensin hankittava kuluttaja-avain ja kuluttajasalaisuus. N\u00e4m\u00e4 avaimet ovat myym\u00e4l\u00e4n tunniste ja v\u00e4ltt\u00e4m\u00e4tt\u00f6mi\u00e4, kun he soittavat WooCommerce API: lle. Voit lukea siit\u00e4 lis\u00e4\u00e4 heid\u00e4n <a href=\"https:\/\/woocommerce.github.io\/woocommerce-rest-api-docs\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">dokumentaatiostaan<\/a>.<\/p>\n<p>Asenna ensin WooCommerce-laajennus verkkosivustollesi. Siirry sitten <strong>WooCommerce-&gt; Asetukset-<\/strong> sivulle. Napsauta Lis\u00e4asetukset-v\u00e4lilehte\u00e4 ja sitten REST API -linkki\u00e4.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20557-608204b1b4391.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20557-608204b1b4391.png\" alt=\"Aiheeseen liittyvien tuotteiden n\u00e4ytt\u00e4minen WooCommerce REST -sovellusliittym\u00e4n avulla\" ><\/a><\/p>\n<p>Napsauta t\u00e4ll\u00e4 sivulla painiketta &quot;Luo API-avain&quot;.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20557-608204b21fb3e.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20557-608204b21fb3e.png\" alt=\"Aiheeseen liittyvien tuotteiden n\u00e4ytt\u00e4minen WooCommerce REST -sovellusliittym\u00e4n avulla\" ><\/a><\/p>\n<p>Kirjoita kuvaus, valitse Luku-oikeus ja paina Luo API-avain -painiketta. Voit valita my\u00f6s luku- \/ kirjoitusoikeuden. Se riippuu vaatimuksestasi. Jos sinun tarvitsee vain lukea tietoja WooCommercest\u00e4, valitse &#8217;Lue&#8217; -vaihtoehto. Ja jos haluat tehd\u00e4 sek\u00e4 luku- ett\u00e4 kirjoitusoperaatioita, ilmeinen vaihtoehto on &#8217;Lue \/ kirjoita&#8217;. T\u00e4ss\u00e4 kohdennamme vain vastaaviin tuotteisiin, joten lukuoikeus riitt\u00e4\u00e4.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20557-608204b2947e2.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20557-608204b2947e2.png\" alt=\"Aiheeseen liittyvien tuotteiden n\u00e4ytt\u00e4minen WooCommerce REST -sovellusliittym\u00e4n avulla\" ><\/a><\/p>\n<p>Kopioi kuluttaja-avain ja kuluttajasalaisuus, joita vaaditaan API-puheluita annettaessa.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20557-608204b2947e2.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20557-608204b2947e2.png\" alt=\"Aiheeseen liittyvien tuotteiden n\u00e4ytt\u00e4minen WooCommerce REST -sovellusliittym\u00e4n avulla\" ><\/a><\/p>\n<h3>WooCommerce REST -sovellusliittym\u00e4 aiheeseen liittyvien tuotteiden saamiseksi<\/h3>\n<p>Kun olet valmis kuluttaja-avaimesi ja kuluttajasalaisuutesi kanssa, voimme aloittaa koodilla, joka antaa API-kutsun WooCommerce-p\u00e4\u00e4tepisteelle. Koska meid\u00e4n on ensin haettava aiheeseen liittyvi\u00e4 tuotteita, meid\u00e4n on hankittava yhden tuotteen tiedot API: n kautta. T\u00e4m\u00e4 johtuu siit\u00e4, ett\u00e4 n\u00e4yt\u00e4mme normaalisti samanlaisia \u200b\u200btuotteitamme yhdell\u00e4 tuotesivulla.<\/p>\n<p>Koska meid\u00e4n on l\u00e4hetett\u00e4v\u00e4 HTTP-pyynt\u00f6j\u00e4, asenna Guzzle-kirjasto alla olevan komennon avulla.<\/p>\n<pre><code>composer require guzzlehttp\/guzzle<\/code><\/pre>\n<p>Guzzle on PHP HTTP -asiakas, joka helpottaa HTTP-pyynt\u00f6jen l\u00e4hett\u00e4mist\u00e4 ja on triviaali integroida verkkopalveluihin.<\/p>\n<p>Lopuksi kirjoitetaan koodi saadaksesi yhden tuotteen ja sitten siihen liittyv\u00e4t tuotteet. Kun WooCommerce palauttaa tuotteen tiedot, se sis\u00e4lt\u00e4\u00e4 vastauksena my\u00f6s &#8217;related_ids&#8217; -avaimen arvojen kanssa. N\u00e4m\u00e4 arvot ovat vain vastaavien tuotteiden tunnuksia. Joten t\u00e4ss\u00e4 yhteydess\u00e4 PHP-koodimme on seuraava.<\/p>\n<pre><code>&lt;?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' =&gt; 'YOUR_DOMAIN_BASE_URL',\n]);\n\u00a0\ntry {\n\u00a0\u00a0\u00a0\u00a0$response = $client-&gt;request('GET', '\/wp-json\/wc\/v3\/products\/PRODUCT_ID_HERE', [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'headers' =&gt; [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\"Authorization\" =&gt; \"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' =&gt; 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-&gt;getBody();\n\u00a0\u00a0\u00a0\u00a0$arr_body = json_decode($body);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0$response = $client-&gt;request('GET', '\/wp-json\/wc\/v3\/products', [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'headers' =&gt; [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\"Authorization\" =&gt; \"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' =&gt; [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'include' =&gt; $arr_body-&gt;related_ids,\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0],\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'verify' =&gt; false,\n\u00a0\u00a0\u00a0\u00a0]);\n\u00a0\u00a0\u00a0\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0$body = $response-&gt;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?&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;p&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;a href=\"&lt;?php echo $product-&gt;permalink; ?&gt;\"&gt;&lt;?php echo $product-&gt;name; ?&gt;&lt;\/a&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;\/p&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;?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-&gt;getMessage();\n}<\/code><\/pre>\n<p>Korvaa paikkamerkki &#8217;PRODUCT_ID_HERE&#8217; todellisella arvolla. Yll\u00e4 olevassa koodissa v\u00e4lit\u00e4n &#8217;include&#8217; -parametrin matriisina related_ids-tunnuksilla. Sitten WooCommerce antaa meille vastauksena kaikki yksityiskohdat tuotteista. Sitten k\u00e4ymme sen l\u00e4pi ja n\u00e4yt\u00e4mme tuotteen nimen ja linkin. K\u00e4ytt\u00e4j\u00e4 voi my\u00f6s tulostaa muut tiedot vastauksesta.<\/p>\n<h4>Aiheeseen liittyv\u00e4t artikkelit<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/fi\/pikaopas-woocommerce-rest-sovellusliittymasta\/\" title=\"Pikaopas WooCommerce REST -sovellusliittym\u00e4st\u00e4\">Pikaopas WooCommerce REST -sovellusliittym\u00e4st\u00e4<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/fi\/mukauta-woocommerce-tuotehaku-wordpress-sivustollasi\/\" title=\"WooCommerce-tuotehaun mukauttaminen WordPress-sivustollasi\">WooCommerce-tuotehaun mukauttaminen WordPress-sivustollasi<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Etsitk\u00f6 vastaavia tuotteita verkkokaupassasi, joka on rakennettu WooCommercelle? T\u00e4ss\u00e4 artikkelissa n\u00e4yt\u00e4mme sinulle, kuinka voit k\u00e4ytt\u00e4\u00e4 API: ta relaation n\u00e4ytt\u00e4miseen<\/p>\n","protected":false},"author":1,"featured_media":20723,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[314,610],"tags":[843],"class_list":["post-24452","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tietokanta","category-uncategorized-6","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/24452","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/comments?post=24452"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/24452\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media\/20723"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=24452"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=24452"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=24452"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}