So stellen Sie eine React-App auf dem Apache-Webserver bereit

9

Ich habe hier eine grundlegende React-App aus Ссылка erstellt. Ich möchte diesen Testcode auf Apache-Basis ausführen Server, ich weiß, dass ich einen verteilbaren Build erstellen muss, aber ich bin nicht in der Lage herauszufinden, wie das geht und konnte keine klaren Anweisungen finden.

Ich habe diesen Beitrag React, js auf dem Apache-Server gesehen, aber er tut es nicht. Ich habe mehr als nur ein paar Richtlinien

Wenn man mit einigen klaren Anweisungen oder Anweisungen führen kann, werde ich dankbar sein. P.S. Ich weiß, wie Apache funktioniert, bin ein PHP-Entwickler

    
vishal dharankar 25.02.2017, 20:31
quelle

4 Antworten

11

Letztendlich konnte ich es herausfinden, ich hoffe nur, dass es jemandem wie mir helfen wird.
Im Folgenden sehen Sie, wie die Web Pack-Konfigurationsdatei aussehen sollte Überprüfen Sie das angegebene Verzeichnis und die angegebene Ausgabedatei. Mir fehlte die Art und Weise, den Pfad des Verzeichnisses dist zu spezifizieren

%Vor%

Dann die Paket-JSON-Datei

%Vor%

Beachten Sie, dass der Abschnitt "script" und der Abschnitt "production" im Abschnitt "production" die endgültige deployable index.js-Datei enthält (Name kann alles sein)

Ruhe für die Dinge hängt von Ihrem Code und Komponenten ab

Führe die folgende Befehlssequenz aus

  

npm installieren

Dies sollte Ihnen die ganze Abhängigkeit (Knotenmodule)

bringen

dann

  

npm run production

das sollte dir die letzte index.js Datei bringen, die den gesamten gebündelten Code enthält

Sobald Sie fertig sind, fügen Sie index.html und index.js Dateien unter www / html oder dem Stammverzeichnis der Web-App hinzu und das ist alles.

    
vishal dharankar 27.02.2017, 12:03
quelle
3

Wie in der Post gesagt, ist React eine browserbasierte Technologie. Es rendert nur eine Ansicht in einem HTML-Dokument.

Um Zugriff auf Ihre "React App" zu haben, müssen Sie:

  1. Bündeln Sie Ihre React-App in einem Bündel
  2. Lassen Sie Apache auf Ihre HTML-Datei in Ihrem Server verweisen und erlauben Sie den Zugriff extern.

Sie können alle Informationen hier finden: Ссылка für den Apache-Server und hier mach dein Javascript-Paket Ссылка

    
Remi Marenco 25.02.2017 20:45
quelle
1

Sie können es über den Apache-Proxy ausführen, aber es müsste in einem virtuellen Verzeichnis ausgeführt werden (zB Ссылка ).

Das mag irgendwie überflüssig erscheinen, aber wenn Sie andere Seiten haben, die nicht Teil Ihrer React-App sind (zB PHP-Seiten), können Sie alles über Port 80 bedienen und dafür sorgen, dass das Ganze eine zusammenhängende Webseite ist / p>

1.) Starten Sie Ihre reaktive App mit npm run oder dem Befehl, den Sie zum Starten des Knotenservers verwenden. Angenommen, es läuft auf Ссылка

2.) Bearbeiten Sie httpd-proxy.conf und fügen Sie Folgendes hinzu:

%Vor%

3.) Starten Sie Apache neu

    
Peter Drinnan 17.06.2017 02:59
quelle
1

Gehen Sie zunächst zu Ihrem Paket "packages.json" und fügen Sie diese Codezeile Ihrer tatsächlichen Domain-Adresse hinzu:

%Vor%

Zweitens, gehen Sie zu Terminal in Ihrem Projektordner und tippen Sie:

%Vor%

Jetzt sehen Sie, dass in den Projektordner-Strukturen ein Ordner build vorhanden ist.

Nur die, die Sie mit filezilla auf Ihren Server hochladen.

    
aldoso 19.01.2018 22:12
quelle

Tags und Links