Host locale:8080 è una porta utilizzata dai server web. È un server di sviluppo locale che continua a funzionare porta 8080 . Viene utilizzato nei casi in cui il host locale:3000 E host locale:5000 sono impegnati a eseguire altre applicazioni. Gli sviluppatori utilizzano localhost:8080 per vedere l'anteprima dell'applicazione sviluppata e testarla in base ai requisiti di reattività e ad altri parametri prima di distribuirla in produzione.
Cerchiamo di comprendere localhost:8080 scomponendolo:
conversione da stringa a intera in Java
- host locale: Si riferisce al nome host o al dispositivo corrente che stai utilizzando per scopi di sviluppo.
- 8080: È il numero di porta su cui il server di sviluppo creato è configurato per l'ascolto.
Immergiamoci più a fondo nel concetto di localhost:8080 comprendendo i punti seguenti uno per uno:
Come avviare il server localhost:8080 sul tuo computer?
Per avviare il server localhost:8080 è necessario disporre di un servizio che operi sulla porta localhost:8080 come ReactJS , NodoJS , VueJS , AngularJS , eccetera. Se stai lavorando con uno qualsiasi dei servizi menzionati, devi digitare un comando nel terminale del tuo IDE o nel prompt dei comandi in base al servizio che stai utilizzando.
I comandi per i diversi servizi sono elencati di seguito:
- Node.js : Se hai node.js installato sul tuo computer con Gestore pacchetti nodo (npm). Puoi usare strumenti come server http O server live per avviare il server di sviluppo localhost:8080 con l'aiuto dei comandi seguenti:
// 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 : Nel caso di ReactJS, non è necessario installare il server esternamente. Se stai creando un'app di reazione utilizzando crea-react-app crea automaticamente un server di sviluppo. Devi solo eseguire i comandi seguenti per avviare il server sulla porta 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'app Angular viene fornita anche con un server di sviluppo, devi solo creare l'app Angular utilizzando la CLI Angular ed eseguire i comandi seguenti.
// 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>
Come creare un server di sviluppo in ReactJS ?
Seguire i passaggi seguenti per creare e avviare il server di sviluppo in ReactJS:
- Passo 1: Crea l'app di reazione utilizzando il file npm crea-react-app comando specificando dopo il nome del progetto.
npm create-react-app projectName>
- Passo 2: Passare alla cartella del progetto corrente.
cd pathToYourProject>
- Passaggio 3: Crea file all'interno del file src cartella ed eseguire il server utilizzando il comando seguente.
$env:PORT=8080 ; npm start>
Esempio: Il codice seguente può essere utilizzato come codice modello per il tuo file.
Javascript
// App.js file> import React, { useState } from>'react'>;> const App = ({ prop }) =>{> >const [isHidden, setIsHidden] = useState(>false>)> >function> btnClickHandler() {> >setIsHidden((prev) =>!prev);> >}> >return> (> >'center' }}>Benvenuto su techcodeview.com { isHidden && Un portale di informatica. } style={ { backgroundColor: 'green', color: '#fff', imbottitura: '15px', cursore: 'pointer', border: 'none', borderRadius: ' 10px' }}> Fai clic per attivare/disattivare più contenuti della pagina { isHidden && Questo contenuto viene attivato dinamicamente utilizzando l'evento clic con il pulsante. } ); }; esportare l'app predefinita;> |
>
>
Produzione:
