[ReactJS] Mettre un site en ligne

Mettre un site en ligne [ReactJS] - Javascript/Node.js - Programmation

Marsh Posté le 11-10-2018 à 15:11:11    

Bonjour,
 
Je suis un jeune développeur qui vient de commencer et j'ai mon application React finie et fonctionnelle en localhost. J'aimerai savoir comment mettre le site en ligne sachant que c'est un react. j'ai pas tellement trouver de ressources la dessus, donc si quelqu'un pour expliquer ce m'aiderai beaucoup :) je vous remercie

Reply

Marsh Posté le 11-10-2018 à 15:11:11   

Reply

Marsh Posté le 11-10-2018 à 15:33:07    

Bonjour,
 
Quels outils utilisent tu ? create-react-app ? webpack ?  
 
Rapidement:
   - Il te faut un serveur web (Apache, Nodejs, etc.) qui répondra à tes visiteurs en leur envoyant le fichier index.html.  
   - Un nom de domaine pour facilement accéder à ton serveur web (ovh.fr)  
   

Reply

Marsh Posté le 11-10-2018 à 16:13:26    

dede_sav a écrit :

Bonjour,
 
Quels outils utilisent tu ? create-react-app ? webpack ?  
 
Rapidement:
   - Il te faut un serveur web (Apache, Nodejs, etc.) qui répondra à tes visiteurs en leur envoyant le fichier index.html.  
   - Un nom de domaine pour facilement accéder à ton serveur web (ovh.fr)  
   


 
Salut, merci de ta réponse.  
Oui, j'ai utilisé create react app pour créer mon application.
Je compte acheter un nom de domaine chez ovh aussi et me faire herberger chez eux je pense.  
Et en ce qui concerne l'hebergement en lui meme je ne sais pas comment cela fonctionne ni ce quil faut faire dans react une fois l'application finie.

Reply

Marsh Posté le 12-10-2018 à 09:55:05    

Bonjour,
 
Ne connaissant pas create-react-app, je fonde cette réponse sur quelques rapides lectures.
De plus, je ne sais pas ton souhait d'utilisation. Est-ce une application qui a des contraintes de production, qui va recevoir beaucoup de visiteur etc.  
 
1 - Il te faut fabriquer une version optimiser de ton application  

Code :
  1. npm run build


 
2 - L’hébergement:  
    - Un VPS (payant et il te faudra configurer le serveur web)  
=> https://www.ovh.com/fr/cloud/
     
    - heroku (gratuit sous certaines conditions)
=> https://dev.to/smithmanny/deploy-yo [...] eroku-2b6f
 
    - Un hebergement mutualisé payant. Il te suffira de déposer le contenu du dossier "build", dans le dossier "/var/www/html" de ton hébergement.
https://www.ovh.com/fr/hebergement- [...] -perso.xml et le guide qui va avec: https://docs.ovh.com/fr/hosting/met [...] -en-ligne/
 
    - Pages github, gratuit mais limité
=> https://github.com/gitname/react-gh-pages
 
2 - Ensuite, tu peux acheter un nom de domaine pour rendre plus accessible ton site. Sachant que tu auras déjà l'application sur internet, cette étape n'est pas une obligation si tu veux la garder pour toi.  
Bref, il te faudra un nom de domaine : https://www.ovh.com/fr/domaines/dotfr.xml
puis le configurer pour pointer vers ton site (surement un cname sur www et la racine du nom de domaine).
 
Voila
 

Reply

Marsh Posté le 15-10-2018 à 10:24:25    

dede_sav a écrit :

Bonjour,
 
Ne connaissant pas create-react-app, je fonde cette réponse sur quelques rapides lectures.
De plus, je ne sais pas ton souhait d'utilisation. Est-ce une application qui a des contraintes de production, qui va recevoir beaucoup de visiteur etc.  
 
1 - Il te faut fabriquer une version optimiser de ton application  

Code :
  1. npm run build


 
2 - L’hébergement:  
    - Un VPS (payant et il te faudra configurer le serveur web)  
=> https://www.ovh.com/fr/cloud/
     
    - heroku (gratuit sous certaines conditions)
=> https://dev.to/smithmanny/deploy-yo [...] eroku-2b6f
 
    - Un hebergement mutualisé payant. Il te suffira de déposer le contenu du dossier "build", dans le dossier "/var/www/html" de ton hébergement.
https://www.ovh.com/fr/hebergement- [...] -perso.xml et le guide qui va avec: https://docs.ovh.com/fr/hosting/met [...] -en-ligne/
 
    - Pages github, gratuit mais limité
=> https://github.com/gitname/react-gh-pages
 
2 - Ensuite, tu peux acheter un nom de domaine pour rendre plus accessible ton site. Sachant que tu auras déjà l'application sur internet, cette étape n'est pas une obligation si tu veux la garder pour toi.  
Bref, il te faudra un nom de domaine : https://www.ovh.com/fr/domaines/dotfr.xml
puis le configurer pour pointer vers ton site (surement un cname sur www et la racine du nom de domaine).
 
Voila
 


 
Salut,
Merci de ta réponse très complète et fournis.
Je vais faire comme ca.  
Et concernant des fichier à "cacher" ou quoi y 'a des points sur lesquels je dois faire attention. (C'est un site static, vitrine simple)

Reply

Marsh Posté le 15-10-2018 à 20:26:00    

C’est quoi comme fichier a « cacher » ? Surtout si c’est un site vitrine, tu ne devrais pas trop en avoir.  

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed