logo

TechCodeview

Localhost 3000

Localhost:3000 je predvolený port používaný webovými servermi. Je to a lokálny vývojový server ktorá beží ďalej prístav 3000 . Veľmi bežne ho používajú skúsení, ako aj začínajúci a stredne pokročilí vývojári pri práci na webovej aplikácii. Vývojári používajú localhost:3000 na zobrazenie náhľadu vyvíjanej aplikácie a jej testovanie podľa požiadaviek na odozvu a ďalšie parametre pred nasadením do produkcie.

Poďme pochopiť localhost:3000 tak, že to rozdelíme:



  • localhost: Odkazuje na názov hostiteľa alebo aktuálne zariadenie, ktoré používate na účely vývoja.
  • 3000: Je to číslo portu, na ktorom je vytvorený vývojový server nakonfigurovaný na počúvanie.

Poďme sa ponoriť hlbšie do konceptu localhost:3000 pochopením nižšie uvedených bodov jeden po druhom:

Ako spustiť server localhost:3000 na vašom počítači?

Ak chcete spustiť server localhost:3000, musíte mať službu, ktorá funguje na porte localhost:3000 ReactJS , NodeJS , VueJS , AngularJS , atď. Ak pracujete s niektorou z uvedených služieb, musíte zadať príkaz do terminálu vášho IDE alebo príkazového riadka na základe služby, ktorú používate.

ukazovateľ v c

Príkazy pre rôzne služby sú uvedené nižšie:

  • Node.js : Ak máte na svojom počítači nainštalovaný node.js s Správca balíkov uzlov (npm). Môžete použiť nástroje ako http-server alebo live-server na spustenie vývojového servera localhost:3000 pomocou nižšie uvedených príkazov:
// 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 prípade ReactJS nemusíte server inštalovať externe. Ak vytvárate aplikáciu na reakcie pomocou create-react-app automaticky vytvorí vývojový server. Na spustenie servera stačí spustiť nižšie uvedené príkazy.
// Navigate to your project directory cd pathOfYourProject // Start the server npm start>
  • AngularJS : Aplikácia Angular sa dodáva aj s vývojovým serverom, stačí vytvoriť aplikáciu Angular pomocou Angular CLI a spustiť nižšie uvedené príkazy.
// 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>

Ako vytvoriť vývojový server v ReactJS ?

Ak chcete vytvoriť a spustiť vývojový server v ReactJS, postupujte podľa nasledujúcich krokov:



  • Krok 1: Vytvorte aplikáciu na reakcie pomocou npm create-react-app príkaz zadaním názvu projektu za ním.
npm create-react-app projectName>
  • Krok 2: Prejdite do priečinka aktuálneho projektu.
cd pathToYourProject>
  • Krok 3: Vytvorte súbory vo vnútri src priečinok a spustite server pomocou nižšie uvedeného príkazu.
npm start>

Príklad: Nižšie uvedený kód možno použiť ako kód šablóny pre váš súbor.

Javascript






// App.js file> import React, { useState } from>'react'>;> const App = ({ prop }) =>{> >const [isHidden, setIsHidden] = useState(>false>)> >function> btnClickHandler() {> >setIsHidden((prev) =>!prev);> >}> >return> (> >'center' }}>Vitajte na techcodeview.com { isHidden && A Computer Science Portal. } style={ { farba pozadia: 'zelená', farba: '#fff', výplň: '15px', kurzor: 'ukazovateľ', orámovanie: 'žiadne', polomer okraja: ' 10px' }}> Kliknutím prepnete ďalší obsah stránky { isHidden && Tento obsah sa prepína dynamicky pomocou udalosti kliknutia s tlačidlom. }); }; exportovať predvolenú aplikáciu;> 

>

>

Výkon:

localhostGIF