logo

TechCodeview

Lokalni gostitelj 3000

Localhost:3000 so privzeta vrata, ki jih uporabljajo spletni strežniki. Je lokalni razvojni strežnik ki teče naprej pristanišče 3000 . Zelo pogosto ga uporabljajo tako izkušeni kot tudi začetniki in razvijalci srednje ravni, ko delajo na spletni aplikaciji. Razvijalci uporabljajo localhost:3000, da si ogledajo predogled razvite aplikacije in jo testirajo glede na zahteve glede odzivnosti in drugih parametrov, preden jo uvedejo v produkcijo.

Naj razumemo localhost:3000 tako, da ga razdelimo:



  • lokalni gostitelj: Nanaša se na ime gostitelja ali trenutno napravo, ki jo uporabljate za razvojne namene.
  • 3000: To je številka vrat, na kateri je ustvarjeni razvojni strežnik konfiguriran za poslušanje.

Potopimo se globlje v koncept localhost:3000 z razumevanjem spodnjih točk eno za drugo:

Kako zagnati strežnik localhost:3000 na vašem računalniku?

Če želite zagnati strežnik localhost:3000, morate imeti storitev, ki deluje na vratih localhost:3000, 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.

preimenuj imenik v linuxu

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:3000 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:3000 http-server/live-server -p 3000>
  • 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. Za zagon strežnika morate samo zagnati spodnje ukaze.
// Navigate to your project directory cd pathOfYourProject // Start the server 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 3000>

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.
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:

lokalni gostiteljGIF