Miestny hostiteľ: 8080 je port používaný webovými servermi. Je to a lokálny vývojový server ktorá beží ďalej prístav 8080 . Používa sa v prípadoch, keď localhost: 3000 a localhost: 5000 sú zaneprázdnení spustením niektorých iných aplikácií. Vývojári používajú localhost:8080 na zobrazenie náhľadu vyvíjanej aplikácie a jej otestovanie podľa požiadaviek na odozvu a ďalšie parametre pred nasadením do produkcie.

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

reťazec je prázdny

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

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

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

Ak chcete spustiť server localhost:8080, musíte mať službu, ktorá funguje na porte localhost:8080 ako 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.

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:8080 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:8080 http-server/live-server -p 8080>

• 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 na porte 8080 stačí spustiť nižšie uvedené príkazy.

// 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 : 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 8080>

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.

$env:PORT=8080 ; npm start>

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

Javascript

>

>

Výkon: