Irreführende und veraltete Shopify Buy JS-Dokumentation

Ich versuche derzeit, eine WordPress-Website zu erstellen, um Produkte online zu verkaufen. Ich verwende Shopify, um den E-Commerce-Teil zu erledigen. Das Problem beruht auf diesem Stück Code.

import Client from 'shopify-buy';

const client = Client.buildClient({
  domain: 'your-shop-name.myshopify.com',
  storefrontAccessToken: 'your-storefront-access-token'
});

Ich verwende die minimierte UMD-Build-Version, die auf der Dokumentationmein eigentlicher Code ist dieser:

const client = ShopifyBuy.buildClient({
  domain: 'domain.myshopify.com',
  storefrontAccessToken: 'token',
  apiKey: 'key',
  appId: '6'
});

// Fetch all products in your shop
client.product.fetchAll().then((products) => {
  // Do something with the products
  console.log(products);
});

Ich verwende den Import nicht, weil ich die CDN-Ressource verwende (ich stelle sie in meine WordPress-Funktionen.php ein), die Deklaration des Clients in meinem Code ist aus unbekannten Gründen anders, wenn ich versuche, nur die zu verwenden Stück Code, der von der Shopify-Dokumentation bereitgestellt wird. Ich erhalte Fehlermeldungen, die besagen, dass mir der apiKey und die AppID fehlen, also musste ich sie einfügen, um diese Nachricht später von der Konsole zu erhalten:

[ShopifyBuy] Die Konfigurationseigenschaft apiKey ist seit v1.0 veraltet, bitte verwenden Sie stattdessen storefrontAccessToken.

und erhalte auch diesen Fehler:

“TypeError: client.product ist nicht definiert”

Das lässt mich also glauben, dass entweder die bereitgestellte verkleinerte Version veraltet ist oder etwas mit den Informationen nicht stimmt, die von shopify an die Personen übermittelt werden, die versuchen, die verkleinerte UMD-Version zu verwenden.

Es gibt auch 1 YouTube-Video, das erklärt, wie man dies vor etwa einem Jahr zum Zeitpunkt des Schreibens verwendet. Die Shopify-Benutzeroberfläche ist veraltet und der Code ist ebenfalls veraltet, daher möchte ich nicht alle Geschäfte mit veraltetem Code erstellen, damit ich es tun werde muss es nochmal machen. Dies ist eine große Sache für Leute wie mich, die Websites für Kunden erstellen.

Abschließend brauche ich Hilfe, um zu wissen, wie das Client-Objekt deklariert wird, oder wenn jemand dies bereits in WordPress getan hat, sagen Sie mir bitte, wie es geht

Dies ist der Fehler, den ich über das Fehlen des apiKey erwähnt habe:

buy-button-storefront.min.js:2 Uncaught Error: new Config() erfordert die Option ‘apiKey’ bei buy-button-storefront.min.js:2 bei Array.forEach () bei n.constructor (buy-button -storefront.min.js:2) bei new n (buy-button-storefront.min.js:2) bei Object.buildClient (buy-button-storefront.min.js:3) bei (index):235

Dieses Stück Code funktioniert tatsächlich gerade.

const client = ShopifyBuy.buildClient({
domain: 'website.myshopify.com',
storefrontAccessToken: 'storeaccesstokenid'
});

Darüber hinaus müssen Sie dies der Fußzeile hinzufügen

<script src="https://sdks.shopifycdn.com/js-buy-sdk/v1/latest/index.umd.min.js"></script>