Wie würden Sie eine React-Anwendung mit WordPress auf dem Back-End hosten/bereitstellen? Ich habe das WP Rest API-Plugin verwendet und diese API muss gehostet werden. Müsste ich auch meine Front-End-React-Anwendung auf einem separaten Server hosten? Oder wäre ich irgendwie in der Lage, alles auf einen Shared-Hosting-Service wie GoDaddy oder GreenGeeks zu stellen?Bereitstellen von React w/WordPress als Back-End mithilfe der WP-Rest-API
Antwort
Sie können Ihre Build-Dateien (index.html, main.js usw.) in Ihren Ordner htdocs
oder einen entsprechenden Unterordner stellen. Möglicherweise müssen Sie Ihre Apache .htaccess
Konfiguration ändern, um entsprechende Routen umzuleiten.
Sie haben wahrscheinlich Zugriff auf CPanel oder ähnliche Tools, um Ihre Dateien auf dem Server bereitzustellen. direkt
Erinnerung ist Ihre Build-Dateien in einen Unterordner zu setzen, anstatt auf Server bereitstellen,
dann public_html/your_project_sub_folder_name,
dann werden Sie in der Lage sein, diese Domain zu verwenden/your_project_sub_folder_name zuzugreifen die reactjs (Sie können nicht 2 Anwendungen zur gleichen Zeit bereitgestellt haben, wenn sie nicht sub_folder getrennt sind)
Gleichzeitig erhalten Sie ursprünglichen Zugriff auf WP_REST, um Postdaten im JSON-Format bereits zu erhalten, können Sie Ihre eigenen benutzerdefinierten erstellen Endpunkte bei Bedarf.
Hier ist der anwser, wie Sie Ihren eigenen benutzerdefinierten Endpunkt erstellen:
Also würde ich einen sauberen leeren Server benutzen und CPanel benutzen, um Dateien mit WordPress & React darauf hochzuladen? Oder ist das bei WordPress schon installiert? – Calvin
Beide sind in Ordnung, sie unterscheiden sich nur durch Schritt, du solltest zuerst WordPress auf einem leeren Server installieren – PSo
Super, ich werde damit herumspielen! Danke vielmals! – Calvin
Sie eine Handvoll Optionen. Sie haben die Möglichkeit, React und Wordpress separat zu hosten, aber ich bevorzuge es, meins auf dem gleichen Server mit docker zu hosten.
Wenn Ihr neugierig, lesen Sie in diesem Starter-Vorlage: https://github.com/postlight/headless-wp-starter
Es ist einer meiner Favoriten, und es hat in einem Docker Behälter mit straight forward Anweisungen vorge gewickelt reagieren.
- 1. Bereitstellen von Anwendungen mithilfe von Marathon mithilfe von GIT-Repository
- 2. Bereitstellen von Angular2 mithilfe von ember-cli
- 3. Bereitstellen von Datenbankprojekt (.dbproj) mithilfe von Powershell
- 4. Bereitstellen von Build für die Produktion mithilfe des Express-Servers, den ich mithilfe von webpack -p
- 5. Bereitstellen von React-App auf Github-Benutzerseite
- 6. Bereitstellen des Unternehmensnetzwerkes mithilfe von HyperLEDGER-Composer
- 7. Bereitstellen von create-react-app auf heroku
- 8. Bereitstellen von React App auf Apache Server
- 9. Bereitstellen create-react-app
- 10. React-native Backend für i18next
- 11. Bereitstellen von React-Apps für benutzerdefinierte Domänennamen
- 12. Kann create-react-app boilerplate Ansichten von Flask Backend
- 13. Bereitstellen von Anwendungen in AWS EC2 Instance mithilfe von Terraform
- 14. Authentifizierung zwischen React Frontend und Backend-Knoten
- 15. React Router + AWS Backend, wie zu SEO
- 16. React - Java Backend - Neue Daten synchronisieren
- 17. Bereitstellen der ionischen App als Website
- 18. Auth0 (Lock) Integration in React native + Backend
- 19. Bereitstellen einer Maven-Version in Github mithilfe von Travis CI
- 20. Bereitstellen einer Pyramid-Anwendung mithilfe von uWSGI und Cherokee
- 21. Bereitstellen einer Logikanwendung mithilfe von ARM-Templates/Powershell
- 22. Verwenden von Google Tabellen als Backend-Datenbank
- 23. Powershell-Skript zum Bereitstellen mehrerer Software mithilfe von Variablen
- 24. Verwenden von React Virtualized Wählen Sie ohne Knoten Backend
- 25. Wie man Kriegsdatei zu Heroku mithilfe von Maven bereitstellen?
- 26. Anwendung auf Heroku mit benutzerdefiniertem Namen mithilfe von Git bereitstellen?
- 27. Verwenden von MailDir als Backend für Gnus
- 28. Bereitstellen React App mit React-Router zu Gh-Seiten
- 29. React.JS react-create-app Backend gleicher Port
- 30. Bereitstellen der Scala-App als Andock-Container
Dies kann auch über einen Shared-Hosting-Server erfolgen? Tut mir leid, ich bin mit dem Zeug noch nicht so vertraut. – Calvin
Ich bin auch kein Experte, aber ich habe es einmal getan. Shared Hosting. Ich habe die 'index.html' in den' public_html'-Ordner (der mein Stammordner war) – anand
@anand richtig, es wird automatisch bereitstellen und Apache wird in der Lage sein, abzuholen und zu starten – PSo