Lokalni gostitelj: 8080 so vrata, ki jih uporabljajo spletni strežniki. Je lokalni razvojni strežnik ki teče naprej pristanišče 8080 . Uporablja se v primerih, ko lokalni gostitelj: 3000 in lokalni gostitelj: 5000 so zaposleni z izvajanjem nekaterih drugih aplikacij. Razvijalci uporabljajo localhost:8080, da si ogledajo predogled razvite aplikacije in jo testirajo v skladu z zahtevami glede odzivnosti in drugimi parametri, preden jo uvedejo v produkcijo.
Naj razumemo localhost:8080 tako, da ga razdelimo:
unix vs windows
- lokalni gostitelj: Nanaša se na ime gostitelja ali trenutno napravo, ki jo uporabljate za razvojne namene.
- 8080: To je številka vrat, na kateri je ustvarjeni razvojni strežnik konfiguriran za poslušanje.
Potopimo se globlje v koncept localhost:8080 z razumevanjem spodnjih točk eno za drugo:
Kako zagnati strežnik localhost:8080 na vašem računalniku?
Če želite zagnati strežnik localhost:8080, morate imeti storitev, ki deluje na vratih localhost:8080, kot je ReactJS , NodeJS , VueJS , AngularJS itd. Če delate s katero od omenjenih storitev, morate vnesti ukaz znotraj terminala vašega IDE ali ukaznega poziva glede na storitev, ki jo uporabljate.
Ukazi za različne storitve so navedeni spodaj:
- Node.js : Če imate na vašem računalniku nameščen node.js z Node Package Manager (npm). Uporabite lahko orodja, kot je http-strežnik oz live-strežnik da zaženete razvojni strežnik localhost:8080 s pomočjo spodnjih ukazov:
// 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 : V primeru ReactJS vam strežnika ni treba namestiti zunaj. Če ustvarjate aplikacijo React z uporabo create-react-aplikacija samodejno ustvari razvojni strežnik. Samo zagnati morate spodnje ukaze, da zaženete strežnik na vratih 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 : Aplikacija angular ima tudi razvojni strežnik, preprosto morate ustvariti aplikacijo angular s pomočjo Angular CLI in zagnati spodnje ukaze.
// 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>
Kako ustvariti razvojni strežnik v ReactJS ?
Sledite spodnjim korakom, da ustvarite in zaženete razvojni strežnik v ReactJS:
- Korak 1: Ustvarite aplikacijo React z uporabo npm create-react-app ukaz tako, da za njim navedete ime projekta.
npm create-react-app projectName>
- 2. korak: Pomaknite se do trenutne mape projekta.
cd pathToYourProject>
- 3. korak: Ustvarite datoteke znotraj src mapo in zaženite strežnik s spodnjim ukazom.
$env:PORT=8080 ; npm start>
primer: Spodnjo kodo lahko uporabite kot kodo predloge za vašo datoteko.
Javascript
// App.js file> import React, { useState } from>'react'>;> const App = ({ prop }) =>{> >const [isHidden, setIsHidden] = useState(>false>)> >function> btnClickHandler() {> >setIsHidden((prev) =>!prejšnji);> >}> >return> (> >'center' }}>Dobrodošli na techcodeview.com { isHidden && Portal o računalniški znanosti. } style={ { backgroundColor: 'green', color: '#fff', padding: '15px', cursor: 'pointer', border: 'none', borderRadius: ' 10px' }}> Kliknite za preklop več vsebine strani { isHidden && Ta vsebina se preklopi dinamično z dogodkom klika z gumbom. }); }; izvoz privzete aplikacije;> |
>
>
Izhod:
