it-swarm.com.de

Wie stelle ich eine Create-React-App auf einem Webhost bereit (zB Siteground)

Ich baue einreaktionsprojekt mit create -react-app und versuche herauszufinden, wie ich meinen Code auf meinem Hosting-Server auf Siteground bereitstellen kann. 

Kennt jemand den besten Weg, dies zu tun? Importiere ich meinen Build-Ordner über FTP? Kann ich den Prozess über GitHub automatisieren? 

Danke im Voraus!

9
Dane W. Iliff

Nach den create-react-app docs führen Sie npm run build aus und nehmen im Grunde nur die Ausgabe und FTP per FTP auf Ihren Webserver.

Ihre Frage ist jedoch sehr breit gefächert - Sie könnten mit GitHub oder einem anderen Tool automatisieren, aber das wird wirklich eine Meinung von StackOverflow sein (was für solche Fragen nicht das richtige Forum ist).

6
arthurakay

npm run build oder yarn build

Erstellt die App für die Produktion nach dem build folder. Sie bündelt React im Produktionsmodus korrekt und optimiert den Build für die beste Leistung.

npm run build erstellt ein Build-Verzeichnis mit einem Produktions-Build Ihrer App. Richten Sie Ihren bevorzugten HTTP-Server so ein, dass ein Besucher Ihrer Site index.html bedient wird, und Anforderungen an statische Pfade wie /static/js/main.<hash>.js werden mit dem Inhalt der /static/js/main.<hash>.js-Datei bedient.

quelle: erstellen-reagieren-app

3
salman.zare

Ich habe gerade meine Create-React-App mit FileZilla in Siteground hochgeladen. Hier geht es Schritt für Schritt:

  1. Sobald Sie alles fertig haben, npm run build
  2. Öffnen Sie siteGround in Ihrem Browser und klicken Sie in myAcount auf go to cPanel, um nach unten zu suchen und FTP Accounts zu suchen.
  3. erstellen Sie ein neues Konto, das auf das Verzeichnis public_html verweist.
  4. nach dem Erstellen erscheint es unten und ganz rechts, indem Sie auf configure FPT client klicken. Unter den manuellen Einstellungen haben Sie das, was Sie verbinden müssen
  5. Öffnen Sie FileZilla und gehen Sie in die Datei zu siteManager, dann zu new site
  6. Host (in filezilla) === FTP-Server (in sitiGround), port als Siteground-Port, Protokoll und Verschlüsselung festgelegt, belassen Sie es als Standard
  7. Logon Type als normal festgelegt, user === FTP-Benutzer (siteGround) und password, den Sie zum Erstellen des FTP-Benutzers verwendet haben
  8. klicken Sie auf connect und fügen Sie content von yourApp/build (von der linken Seite, die Ihr PC ist) in (den Ordner auf der rechten Seite) ein, der Ihr public_html in siteGround ist.

Das ist es! Gehen Sie auf Ihre Website und prüfen Sie, ob die Reakt-App dort angezeigt werden sollte

hier ist die Quelle dieser Prozedur https://www.siteground.com/tutorials/ftp/ .__ Hier verwenden sie die schnelle Verbindung für fileZilla und speichert Ihre Anmeldeinformationen für das nächste Mal

2
RamiroIsBack

Normalerweise gibt es geführte Strategien von Host-Anbietern.

Beispiel:

Heroku Create React App Build

S3 Cloudfront

Andernfalls müssen Sie es selbst verwalten und ein benutzerdefiniertes Build-Skript registrieren, mit dem Folgendes ausgeführt wird:

npm run build

Und dann den Build-Ordner verschieben. Wenn Sie Maven verwenden, können Sie den gesamten Build mit Plugins wie folgt verwalten:

Frontend Maven Plugin

2
Black.Jack