Localhost: 8080 este un port folosit de serverele web. Este un server de dezvoltare locală care merge mai departe port 8080 . Este folosit în cazurile în care localhost:3000 și localhost:5000 sunt ocupați să ruleze alte aplicații. Dezvoltatorii folosesc localhost:8080 pentru a vedea previzualizarea aplicației dezvoltate și pentru a o testa în conformitate cu cerințele de răspuns și alți parametri înainte de a o implementa în producție.
Să înțelegem localhost:8080 defalcând-o:
hrithik roshan
- gazdă locală: Se referă la numele de gazdă sau la dispozitivul curent pe care îl utilizați în scopuri de dezvoltare.
- 8080: Este numărul portului pe care serverul de dezvoltare creat este configurat să asculte.
Să ne aprofundăm mai mult în conceptul localhost:8080, înțelegând punctele de mai jos unul câte unul:
Cum să porniți serverul localhost:8080 pe mașina dvs.?
Pentru a porni serverul localhost:8080 trebuie să aveți un serviciu care funcționează pe portul localhost:8080, cum ar fi ReactJS , NodeJS , VueJS , AngularJS , etc. Dacă lucrați cu oricare dintre serviciile menționate, atunci trebuie să tastați o comandă în terminalul IDE-ului sau promptul de comandă în funcție de serviciul pe care îl utilizați.
Comenzile pentru diferite servicii sunt enumerate mai jos:
- Node.js : Dacă aveți node.js instalat pe mașina dvs. cu Manager de pachete nod (npm). Puteți folosi instrumente precum serverul http sau live-server pentru a porni serverul de dezvoltare localhost:8080 cu ajutorul comenzilor de mai jos:
// 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 : În cazul ReactJS, nu trebuie să instalați serverul extern. Dacă creați o aplicație react folosind create-react-app creează automat un server de dezvoltare. Trebuie doar să rulați comenzile de mai jos pentru a porni serverul la portul 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 : Aplicația angular vine, de asemenea, cu un server de dezvoltare, trebuie doar să creați aplicația angular folosind CLI Angular și să rulați comenzile de mai jos.
// 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>
Cum se creează un server de dezvoltare în ReactJS ?
Urmați pașii de mai jos pentru a crea și a porni un server de dezvoltare în ReactJS:
- Pasul 1: Creați aplicația react folosind npm create-react-app comanda prin specificarea numelui proiectului după aceasta.
npm create-react-app projectName>
- Pasul 2: Navigați la folderul actual al proiectului.
cd pathToYourProject>
- Pasul 3: Creați fișiere în interiorul src folder și rulați serverul folosind comanda de mai jos.
$env:PORT=8080 ; npm start>
Exemplu: Codul de mai jos poate fi folosit ca cod șablon pentru fișierul dvs.
Javascript
// App.js file> import React, { useState } from> 'react'> ;> const App = ({ prop }) =>{> > const [isHidden, setIsHidden] = useState(> false> )> > function> btnClickHandler() {> > setIsHidden((prev) =>!prev);> > }> > return> (> > 'center' }}>Bine ați venit la techcodeview.com { isHidden && A Computer Science Portal. } style={ { backgroundColor: 'verde', culoare: '#fff', padding: '15px', cursor: 'pointer', chenar: 'none', borderRadius: ' 10px' }}> Faceți clic pentru a comuta mai mult conținut de pagină { isHidden && Acest conținut este comutat dinamic folosind evenimentul de clic cu butonul. }); }; exportați aplicația implicită;>>> |
>Ieșire: