web-dev-qa-db-fra.com

Comment déployer une application créer-réagir-vers un hôte Web (ex. Siteground)?

Je construis un projet de réaction avec create-react-app et j'essaie de comprendre comment déployer mon code sur mon serveur d'hébergement sur Siteground. 

Est-ce que quelqu'un sait la meilleure façon de faire cela? Est-ce que j'importe mon dossier de construction via FTP? Puis-je automatiser le processus via GitHub? 

Merci d'avance!

reactjsgithubweb-deploymentcontinuous-deploymentcreate-react-app
9
Dane W. Iliff

Selon le create-react-app docs, vous exécutez npm run build et, en gros, prenez simplement le résultat et envoyez-le par FTP sur votre serveur Web.

Cependant, votre question est très large: vous pouvez l'automatiser via GitHub ou un autre outil, mais cela va vraiment demander des opinions sur StackOverflow (qui n'est pas le bon forum pour ce genre de questions).

6
arthurakay

npm run build ou yarn build

Construit l'application pour la production au build folder. Elle combine correctement Réagir en mode de production et optimise la création pour obtenir les meilleures performances.

npm run build crée un répertoire de construction avec une version de production de votre application. Configurez votre serveur HTTP favori de sorte qu'un visiteur de votre site soit traité index.html et que les demandes de chemins statiques tels que /static/js/main.<hash>.js soient traitées avec le contenu du fichier /static/js/main.<hash>.js.

source: create-react-app

3
salman.zare

Je viens de télécharger mon application créer-réagir-sur Siteground avec FileZilla. Voici l'étape par étape:

  1. Une fois que tout est prêt pour la production npm run build
  2. Ouvrez siteGround sur votre navigateur et dans la section myAcount cliquez sur go to cPanel faites défiler vers le bas pour trouver FTP Accounts.
  3. créer un nouveau compte pointant sur le répertoire public_html
  4. une fois créé, il apparaîtra en bas et jusqu'au clic droit sur configure FPT client et sous réglage manuel, vous avez ce qu'il vous faut pour vous connecter
  5. fileZilla ouvert et dans le fichier aller à siteManager puis new site
  6. Host (in filezilla) === Serveur FTP (in sitiGround), port le définir comme port, le protocole et le chiffrement du siteground, le conserver par défaut
  7. Logon Type défini comme normal, user === utilisateur FTP (siteGround) et password celui que vous avez utilisé pour créer cet utilisateur FTP
  8. cliquez sur connect et collez le contenu de yourApp/build (du côté gauche correspondant à votre PC) dans (le dossier situé à droite) correspondant à votre public_html in siteGround

C'est tout! allez sur votre site web et vérifiez, l'application de réaction devrait y être affichée

voici la source de cette procédure https://www.siteground.com/tutorials/ftp/ Ici, ils utilisent la connexion rapide pour fileZilla, j’ai plusieurs sites, donc SiteManager est plus propre. et stocke vos informations d'identification pour la prochaine fois

2
RamiroIsBack

Il existe généralement des stratégies guidées par les fournisseurs de l'hôte.

Exemple:

Heroku Créer une application React Build

S3 Cloudfront

Sinon, vous devrez le gérer vous-même en enregistrant un script de construction personnalisé qui agit avec:

npm run build

Et puis déplacez le dossier de construction. Si vous utilisez Maven, vous pouvez gérer toute la construction avec des plugins tels que:

Frontend Maven Plugin

2
Black.Jack