Verwenden Sie Woocommerce als Backend und ReactJS als Frontend?

Lesezeit: 1 Minute

Ist es möglich, woocommerce als Backend und ReactJS als Frontend zu verwenden? Ich bin neu in der Erstellung von Online-Shops und würde gerne ein Frontend mit ReactJS schreiben, bin mir aber nicht sicher, welche Optionen es für das Backend gibt.

Ich weiß, dass ich WordPress als Backend verwenden kann. Kann ich woocommerce auch installieren und als Backend verwenden?

WooCommerce bietet REST-API die Sie verwenden können, um Ihr Frontend mit Strom zu versorgen. Dafür müssen Sie Ihrem Frontend jedoch Consumer Key und Consumer Secret zur Verfügung stellen, was aus Sicherheitsgründen keine gute Idee ist. Daher ist es ideal, einen API-Proxy zu erstellen und das Frontend mit dem Proxy kommunizieren zu lassen, der dann die Aufrufe an leitet tatsächliche API, die den Schlüssel und das Geheimnis verwendet.

Benutzer-Avatar
Arash Rabiee

Zuerst müssen Sie API-Schlüssel erstellen:

  1. Um mit der Verwendung der REST-API zu beginnen, müssen Sie zunächst API-Schlüssel generieren.

  2. Gehen Sie zu WooCommerce > Einstellungen > Erweitert

  3. Wechseln Sie zur Registerkarte REST-API und klicken Sie auf Schlüssel hinzufügen.

  4. Geben Sie dem Schlüssel eine Beschreibung für Ihre eigene Referenz,

  5. Wählen Sie einen Benutzer mit Zugriff auf Bestellungen usw.

  6. Geben Sie dem Schlüssel Lese-/Schreibberechtigungen.

  7. Klicken Sie auf API-Schlüssel generieren.

  8. Ihre Schlüssel werden angezeigt

  9. Schließen Sie diese Registerkarte noch nicht, das Geheimnis wird ausgeblendet, wenn Sie versuchen, den Schlüssel erneut anzuzeigen.

Sie können die folgenden Anleitungen verwenden:

Reagieren + WordPress

woocommerce-rest-api

Vielleicht müssen Sie auch die CORS zulassen, Verwenden Sie diese Anleitung

Endlich besser zu bedienen JWT-Authentifizierung zusätzlich zum API-SCHLÜSSEL.

1370310cookie-checkVerwenden Sie Woocommerce als Backend und ReactJS als Frontend?

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy