Hôte local : 8080 est un port utilisé par les serveurs Web. C'est un serveur de développement local qui continue port 8080 . Il est utilisé dans les cas où le hôte local : 3000 et hôte local : 5000 sont occupés à exécuter d’autres applications. Les développeurs utilisent localhost:8080 pour voir l'aperçu de l'application développée et la tester en fonction des exigences de réactivité et d'autres paramètres avant de la déployer en production.
Comprenons localhost:8080 en le décomposant :
liste vs ensemble en java
- hôte local : Il fait référence au nom d'hôte ou au périphérique actuel que vous utilisez à des fins de développement.
- 8080 : Il s'agit du numéro de port sur lequel le serveur de développement créé est configuré pour écouter.
Plongeons plus profondément dans le concept de localhost:8080 en comprenant les points ci-dessous un par un :
Comment démarrer le serveur localhost:8080 sur votre machine ?
Pour démarrer le serveur localhost:8080, vous devez disposer d'un service qui fonctionne sur le port localhost:8080 comme RéagirJS , NoeudJS , VueJS , AngulaireJS , etc. Si vous travaillez avec l'un des services mentionnés, vous devez alors taper une commande dans le terminal de votre IDE ou une invite de commande en fonction du service que vous utilisez.
Les commandes pour différents services sont répertoriées ci-dessous :
- Noeud.js : Si node.js est installé sur votre machine avec Gestionnaire de packages de nœuds (npm). Vous pouvez utiliser des outils comme serveur http ou serveur en direct pour démarrer le serveur de développement localhost:8080 à l'aide des commandes ci-dessous :
// Install tools globally npm install -g http-server/liver-server // Navigate to your project cd pathOfYourProject // Start the server at port:8080 http-server/live-server -p 8080>
- RéagirJS : Dans le cas de ReactJS, vous n'avez pas besoin d'installer le serveur en externe. Si vous créez une application de réaction en utilisant créer-réagir-application il crée automatiquement un serveur de développement. Il vous suffit d'exécuter les commandes ci-dessous pour démarrer le serveur sur le port 8080.
// Navigate to your project directory cd pathOfYourProject // By default, the port will be 3000, use below command to // run server at port 8080 $env:PORT=8080 ; npm start>
- AngulaireJS : L'application angulaire est également livrée avec un serveur de développement, il vous suffit de créer une application angulaire à l'aide de la CLI angulaire et d'exécuter les commandes ci-dessous.
// Navigate to your project directory cd pathOfYourProject // Start the server ng serve //By default, angular app run on port 4200 use below command to change it ng serve --port 8080>
Comment créer un serveur de développement dans RéagirJS ?
Suivez les étapes ci-dessous pour créer et démarrer le serveur de développement dans ReactJS :
- Étape 1: Créez une application de réaction à l'aide du npm créer-réagir-application commande en spécifiant le nom du projet après.
npm create-react-app projectName>
- Étape 2: Accédez au dossier de votre projet actuel.
cd pathToYourProject>
- Étape 3: Créez des fichiers à l'intérieur du src dossier et exécutez le serveur à l’aide de la commande ci-dessous.
$env:PORT=8080 ; npm start>
Exemple: Le code ci-dessous peut être utilisé comme code de modèle pour votre fichier.
Javascript
// App.js file> import React, { useState } from>'react'>;> const App = ({ prop }) =>{> >const [isHidden, setIsHidden] = useState(>false>)> >function> btnClickHandler() {> >setIsHidden((prev) =>!prev);> >}> >return> (> >'center' }}>Bienvenue sur techcodeview.com {isHidden && Un portail informatique. } style={ { backgroundColor : 'vert', couleur : '#fff', remplissage : '15px', curseur : 'pointeur', bordure : 'aucun', borderRadius : ' 10px' }}> Cliquez pour basculer vers plus de contenu de la page { isHidden && Ce contenu est basculé dynamiquement à l'aide d'un événement de clic avec un bouton. } ); } ; exporter l'application par défaut ;> |
>
>
Sortir:
