Lokal vært: 8080 er en port, der bruges af webserverne. Det er en lokal udviklingsserver der kører videre Havn 8080 . Det bruges i tilfælde, hvor lokalvært: 3000 og lokal vært: 5000 har travlt med at køre nogle andre applikationer. Udviklere bruger localhost:8080 til at se forhåndsvisningen af den udviklede applikation og teste den i overensstemmelse med kravene til reaktionsevne og andre parametre, før den implementeres til produktion.
Lad os forstå localhost:8080 ved at opdele det:
et eksempel på et open source OS er
- lokal vært: Det refererer til værtsnavnet eller den aktuelle enhed, du bruger til udviklingsformål.
- 8080: Det er portnummeret, som den oprettede udviklingsserver er konfigureret til at lytte på.
Lad os dykke dybere ned i begrebet localhost:8080 ved at forstå nedenstående punkter én efter én:
Hvordan starter du localhost:8080-serveren på din maskine?
For at starte localhost:8080-serveren skal du have en service, der fungerer på localhost:8080-porten som f.eks. ReactJS , NodeJS , VueJS , AngularJS , etc. Hvis du arbejder med nogen af de nævnte tjenester, skal du skrive en kommando inde i terminalen på din IDE eller kommandoprompt baseret på den tjeneste, du bruger.
Kommandoer til forskellige tjenester er angivet nedenfor:
- Node.js : Hvis du har node.js installeret på din maskine med Node Package Manager (npm). Du kan bruge værktøjerne som f.eks http-server eller live-server for at starte localhost:8080 udviklingsserveren ved hjælp af nedenstående kommandoer:
// 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 : I tilfælde af ReactJS behøver du ikke installere serveren eksternt. Hvis du opretter en reagere app ved hjælp af opret-reager-app den opretter automatisk en udviklingsserver. Du skal bare køre nedenstående kommandoer for at starte serveren ved 8080 port.
// 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 : Den kantede app kommer også med udviklingsserver, du skal bare oprette en kantet app ved hjælp af Angular CLI og køre nedenstående kommandoer.
// 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>
Sådan opretter du udviklingsserver i ReactJS ?
Følg nedenstående trin for at oprette og starte udviklingsserver i ReactJS:
- Trin 1: Opret reagere app ved hjælp af npm create-react-app kommando ved at angive navnet på projektet efter det.
npm create-react-app projectName>
- Trin 2: Naviger til din aktuelle projektmappe.
cd pathToYourProject>
- Trin 3: Opret filer inde i src mappe og kør serveren ved hjælp af nedenstående kommando.
$env:PORT=8080 ; npm start>
Eksempel: Nedenstående kode kan bruges som skabelonkode til din fil.
Javascript
// App.js file> import React, { useState } from>'react'>;> const App = ({ prop }) =>{> >const [isHidden, setIsHidden] = useState(>false>)> >function> btnClickHandler() {> >setIsHidden((prev) =>!prev);> >}> >return> (> >'center' }}>Velkommen til techcodeview.com { isHidden && A Computer Science Portal. } style={ { baggrundsfarve: 'grøn', farve: '#fff', polstring: '15px', markør: 'pointer', kant: 'ingen', borderRadius: ' 10px' }}> Klik for at skifte til mere sideindhold { isSkjult && Dette indhold skiftes dynamisk ved hjælp af klikhændelse med knap. } ); }; eksport standard app;> |
>
>
Produktion:
