Host local: 8080 és un port utilitzat pels servidors web. És un servidor de desenvolupament local que continua port 8080 . S'utilitza en els casos en què el host local: 3000 i host local: 5000 estan ocupats executant altres aplicacions. Els desenvolupadors utilitzen localhost:8080 per veure la vista prèvia de l'aplicació desenvolupada i provar-la segons els requisits de capacitat de resposta i altres paràmetres abans de desplegar-la a producció.
Entenem localhost:8080 desglossant-lo:
com convertir d'int a string a java
- localhost: Es refereix al nom d'amfitrió o al dispositiu actual que utilitzeu amb finalitats de desenvolupament.
- 8080: És el número de port on el servidor de desenvolupament creat està configurat per escoltar.
Aprofundim en el concepte de localhost:8080 entenent els punts següents un per un:
Com iniciar el servidor localhost:8080 a la vostra màquina?
Per iniciar el servidor localhost:8080, necessiteu un servei que funcioni al port localhost:8080 com ReactJS , NodeJS , VueJS , AngularJS , etc. Si esteu treballant amb algun dels serveis esmentats, haureu d'escriure una ordre dins del terminal del vostre IDE o indicador d'ordres en funció del servei que utilitzeu.
Les ordres per a diferents serveis s'enumeren a continuació:
- Node.js : Si teniu node.js instal·lat a la vostra màquina amb Gestor de paquets de nodes (npm). Podeu utilitzar les eines com servidor http o servidor en directe per iniciar el servidor de desenvolupament localhost:8080 amb l'ajuda de les ordres següents:
// 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>
- ReactJS : En el cas de ReactJS, no cal que instal·leu el servidor externament. Si esteu creant una aplicació de reacció utilitzant crear-reaccionar-aplicació crea automàticament un servidor de desenvolupament. Només heu d'executar les ordres següents per iniciar el servidor al 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>
- AngularJS : L'aplicació angular també inclou un servidor de desenvolupament, només cal que creeu una aplicació angular mitjançant l'Angular CLI i executeu les ordres següents.
// 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>
Com crear un servidor de desenvolupament a ReactJS ?
Seguiu els passos següents per crear i iniciar el servidor de desenvolupament a ReactJS:
- Pas 1: Creeu l'aplicació de reacció amb el npm create-react-app comanda especificant el nom del projecte després.
npm create-react-app projectName>
- Pas 2: Navegueu a la carpeta del vostre projecte actual.
cd pathToYourProject>
- Pas 3: Creeu fitxers dins del src carpeta i executeu el servidor mitjançant l'ordre següent.
$env:PORT=8080 ; npm start>
Exemple: El codi següent es pot utilitzar com a codi de plantilla per al vostre fitxer.
Javascript
// App.js file> import React, { useState } from>'react'>;> const App = ({ prop }) =>{> >const [isHidden, setIsHidden] = useState(>false>)> >function> btnClickHandler() {> >setIsHidden((prev) =>!anterior);> >}> >return> (> >'center' }}>Benvingut a techcodeview.com { isHidden && A Computer Science Portal. } style={ { backgroundColor: 'verd', color: '#fff', farciment: '15px', cursor: 'punter', vora: 'cap', borderRadius: ' 10px' }}> Feu clic per canviar més contingut de la pàgina { isHidden && Aquest contingut es canvia dinàmicament mitjançant l'esdeveniment de clic amb el botó. }); }; exporta l'aplicació predeterminada;>>> |
>Sortida:
