Místní hostitel: 8080 je port používaný webovými servery. Je to a místní vývojový server že běží dál přístav 8080 . Používá se v případech, kdy localhost: 3000 a localhost: 5000 jsou zaneprázdněni spouštěním některých dalších aplikací. Vývojáři pomocí localhost:8080 vidí náhled vyvíjené aplikace a otestují ji podle požadavků na odezvu a dalších parametrů před nasazením do produkce.

Pojďme pochopit localhost:8080 tím, že jej rozebereme:

anonymní funkce Java

• localhost: Odkazuje na název hostitele nebo aktuální zařízení, které používáte pro účely vývoje.
• 8080: Je to číslo portu, na kterém je vytvořený vývojový server nakonfigurován k naslouchání.

Pojďme se ponořit hlouběji do konceptu localhost:8080 pochopením níže uvedených bodů jeden po druhém:

Jak spustit server localhost:8080 na vašem počítači?

Chcete-li spustit server localhost:8080, musíte mít službu, která funguje na portu localhost:8080 jako ReactJS , NodeJS , VueJS , AngularJS , atd. Pokud pracujete s některou z uvedených služeb, musíte zadat příkaz do terminálu vašeho IDE nebo příkazového řádku na základě služby, kterou používáte.

Příkazy pro různé služby jsou uvedeny níže:

• Node.js : Pokud máte na svém počítači nainstalovaný node.js s Správce balíčků uzlů (npm). Můžete použít nástroje jako http-server nebo živý server ke spuštění vývojového serveru localhost:8080 pomocí níže uvedených příkazů:

// 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 případě ReactJS nemusíte server instalovat externě. Pokud vytváříte aplikaci pro reakce pomocí create-react-app automaticky vytvoří vývojový server. Pro spuštění serveru na portu 8080 stačí spustit níže uvedené pří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 : Aplikace Angular také přichází s vývojovým serverem, stačí vytvořit aplikaci Angular pomocí Angular CLI a spustit níže uvedené pří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>

Jak vytvořit vývojový server v ReactJS ?

Chcete-li vytvořit a spustit vývojový server v ReactJS, postupujte podle následujících kroků:

• Krok 1: Vytvořte aplikaci pro reakce pomocí npm create-react-app zadáním názvu projektu za ním.

npm create-react-app projectName>

• Krok 2: Přejděte do aktuální složky projektu.

cd pathToYourProject>

• Krok 3: Vytvářejte soubory uvnitř src složku a spusťte server pomocí níže uvedeného příkazu.

$env:PORT=8080 ; npm start>

Příklad: Níže uvedený kód lze použít jako kód šablony pro váš soubor.

Javascript

>

>

Výstup: