Bereitstellen von React mit WordPress als Backend unter Verwendung der WP Rest API

Lesezeit: 2 Minuten

Wie würden Sie beim Hosten/Bereitstellen einer React-Anwendung mit WordPress im Backend vorgehen? Ich habe das WP Rest API-Plugin verwendet und diese API scheint gehostet werden zu müssen. Müsste ich meine Front-End-React-Anwendung auch auf einem separaten Server hosten? Oder könnte ich irgendwie alles auf einen Shared-Hosting-Dienst wie GoDaddy oder GreenGeeks stellen?

Sie haben eine Handvoll Optionen. Sie haben die Möglichkeit, React und WordPress separat zu hosten, aber ich ziehe es vor, meine auf demselben Server mit Docker zu hosten.

Wenn Sie neugierig sind, sehen Sie sich diese Starter-Vorlage an: https://github.com/postlight/headless-wp-starter

Es ist einer meiner Favoriten, und es ist in einem Docker-Container mit einfachen Anweisungen vorverpackt.

Benutzer-Avatar
PS

Sie haben wahrscheinlich Zugriff auf CPanel oder ähnliche Tools, um Ihre Dateien auf dem Server bereitzustellen.

Zur Erinnerung: Legen Sie Ihre Build-Dateien in einem Unterordner ab, anstatt sie direkt auf dem Server bereitzustellen.

dann public_html/your_project_sub_folder_name,

dann können Sie diese Domain/Ihren_Projekt_Unterordner_Namen verwenden, um auf die ReactJs zuzugreifen (Sie können nicht 2 Apps gleichzeitig bereitstellen, wenn sie nicht durch Unterordner getrennt sind).

Gleichzeitig erhalten Sie ursprünglichen Zugriff auf WP_REST, um Post-Daten bereits im json-Format zu erhalten, Sie können bei Bedarf Ihre eigenen benutzerdefinierten Endpunkte erstellen.

Hier ist die Antwort zum Erstellen Ihres eigenen benutzerdefinierten Endpunkts:

Erstellen benutzerdefinierter Endpunkte WordPress

  • Also würde ich einen sauberen, leeren Server verwenden und CPanel verwenden, um Dateien mit WordPress & React darauf hochzuladen? Oder ist das mit bereits installiertem WordPress?

    – Kalvin

    27. Oktober 2017 um 4:09 Uhr

  • Beides ist in Ordnung, sie unterscheiden sich nur stufenweise, man sollte WordPress sowieso erst auf einem leeren Server installieren

    – PS

    27. Oktober 2017 um 4:10 Uhr

  • Super, ich werde damit herumspielen! Danke vielmals!

    – Kalvin

    27. Oktober 2017 um 4:14 Uhr

  • Bitte fragen Sie jedoch erneut, wenn Sie weitere Probleme haben, und kreuzen Sie es auch als Antwort an, nachdem Sie es getestet haben

    – PS

    27. Oktober 2017 um 4:14 Uhr

  • haha, danke, dass du mir beigebracht hast, wie die Check-Tick-Antwortfunktion verwendet werden sollte (kein Sarkasmus hier)

    – Kalvin

    27. Oktober 2017 um 4:17 Uhr

Benutzer-Avatar
baymax

Ja, Sie können Ihre React-App und Ihr WP separat hosten oder zusammen in einem hosten. Ich habe versucht, React Build-Dateien in WP Theme zu erstellen. Noch nicht perfekt aber funktioniert.

Dieses einfache WP-Theme mit React Build-Dateien:(React Build-Ordner im WP-Design).

https://github.com/jun20/Simple-WP-ReactJS-Theme-Demo

Und das sind die Reactjs-Dev-Dateien:

https://github.com/jun20/wp-theme-reactjs-dev/tree/master/Final/end

obwohl dies nicht produktionsreif und nicht getestet ist.

Oder

Sie können die generierten React JS-Build-Dateien nur mit den benutzerdefinierten Routen und Endpunkten aus Ihrer WP-Rest-API verwenden.

Wie in diesem Beispiel: (dies sind die Build-Dateien im Repo Simple-WP-ReactJS-Theme-Demo)
Dieser React JS Build-Ordner -> https://github.com/jun20/wp-theme-reactjs-dev/tree/Final-Build/build
Es hat Routen und Endpunkte von Posts, primäre Navigation, auf Seiten von der Live-WP-Site-Site.

Sie können Ihre Build-Dateien (index.html, main.js usw.) in Ihre einfügen htdocs Ordner oder einen entsprechenden Unterordner. Möglicherweise müssen Sie Ihren Apache ändern .htaccess Konfiguration, um entsprechende Routen umzuleiten.

1370860cookie-checkBereitstellen von React mit WordPress als Backend unter Verwendung der WP Rest API

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

Privacy policy