Lokal vert: 8080 er en port som brukes av webservere. Det er en lokal utviklingsserver som går videre havn 8080 . Den brukes i tilfeller der lokal vert: 3000 og lokal vert: 5000 er opptatt med å kjøre noen andre applikasjoner. Utviklere bruker localhost:8080 for å se forhåndsvisningen av den utviklede applikasjonen og teste den i henhold til kravene til respons og andre parametere før de distribueres til produksjon.
La oss forstå localhost:8080 ved å dele det ned:
javascript for dropdown
- lokal vert: Det refererer til vertsnavnet eller den gjeldende enheten du bruker til utviklingsformål.
- 8080: Det er portnummeret som den opprettede utviklingsserveren er konfigurert til å lytte til.
La oss dykke dypere inn i konseptet localhost:8080 ved å forstå punktene nedenfor en etter en:
Hvordan starte localhost:8080-serveren på maskinen din?
For å starte localhost:8080-serveren må du ha en tjeneste som opererer på localhost:8080-porten som ReactJS , NodeJS , VueJS , AngularJS , etc. Hvis du jobber med noen av de nevnte tjenestene, må du skrive inn en kommando i terminalen til IDE-en eller ledeteksten basert på tjenesten du bruker.
Kommandoer for forskjellige tjenester er oppført nedenfor:
- Node.js : Hvis du har node.js installert på maskinen din med Node Package Manager (npm). Du kan bruke verktøyene som http-server eller live-server for å starte localhost:8080 utviklingsserver ved hjelp av kommandoene nedenfor:
// 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år det gjelder ReactJS, trenger du ikke å installere serveren eksternt. Hvis du lager en reager-app ved hjelp av lag-reager-app den oppretter automatisk en utviklingsserver. Du trenger bare å kjøre kommandoene nedenfor for å starte serveren på 8080-porten.
// 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 appen kommer også med utviklingsserver, du trenger bare å lage en kantet app ved å bruke Angular CLI og kjøre kommandoene nedenfor.
// 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>
Hvordan lage utviklingsserver i ReactJS ?
Følg trinnene nedenfor for å opprette og starte utviklingsserver i ReactJS:
- Trinn 1: Lag en reager-app ved å bruke npm create-react-app kommando ved å spesifisere navnet på prosjektet etter det.
npm create-react-app projectName>
- Steg 2: Naviger til din nåværende prosjektmappe.
cd pathToYourProject>
- Trinn 3: Lag filer inne i src mappen og kjør serveren ved å bruke kommandoen nedenfor.
$env:PORT=8080 ; npm start>
Eksempel: Koden nedenfor kan brukes som en malkode for filen din.
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={ { bakgrunnsfarge: 'grønn', farge: '#fff', polstring: '15px', markør: 'peker', kantlinje: 'ingen', borderRadius: ' 10px' }}> Klikk for å veksle mellom mer sideinnhold { erSkjult && Dette innholdet veksles dynamisk ved å bruke klikkhendelse med knapp. } ); }; eksport standard app;> |
>
>
Produksjon:
