Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
845 connectés 

  FORUM HardWare.fr
  Programmation
  Javascript/Node.js

  [ReactJS] Mettre un site en ligne

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[ReactJS] Mettre un site en ligne

n°2322116
medloks
Posté le 11-10-2018 à 15:11:11  profilanswer
 

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

mood
Publicité
Posté le 11-10-2018 à 15:11:11  profilanswer
 

n°2322118
dede_sav
Posté le 11-10-2018 à 15:33:07  profilanswer
 

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)  
   

n°2322129
medloks
Posté le 11-10-2018 à 16:13:26  profilanswer
 

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.

n°2322168
dede_sav
Posté le 12-10-2018 à 09:55:05  profilanswer
 

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
 

n°2322282
medloks
Posté le 15-10-2018 à 10:24:25  profilanswer
 

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)

n°2322379
dede_sav
Posté le 15-10-2018 à 20:26:00  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  Javascript/Node.js

  [ReactJS] Mettre un site en ligne

 

Sujets relatifs
petit site web de maintenanceSuppression de ligne Excel
Résolutions d'écran et site internet[DOS] supprimer espace en fin de ligne
Protéger l'accès d'un site extranet[PHP / JS] Récupérer ligne txt
Bouton skype (code javascript) pas reconnu dans html du site Jimdosite internet avec des exemples.
extraire fichier .gpx d'un site webAvec la commande echo >> choisir une ligne précise a editer
Plus de sujets relatifs à : [ReactJS] Mettre un site en ligne


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR