Локальний хост: 8080 це порт, який використовується веб-серверами. Це локальний сервер розробки що працює далі порт 8080 . Застосовується у випадках, коли локальний хост: 3000 і локальний хост: 5000 зайняті виконанням інших програм. Розробники використовують localhost:8080, щоб переглянути попередній перегляд розробленої програми та перевірити її відповідно до вимог щодо швидкості реагування та інших параметрів перед розгортанням у виробництві.
Давайте розберемо localhost:8080, розбивши його:
вийти з облікового запису Google на android
- локальний хост: Це стосується імені хоста або поточного пристрою, який ви використовуєте для розробки.
- 8080: Це номер порту, на якому створений сервер розробки налаштований для прослуховування.
Давайте глибше зануримося в концепцію localhost:8080, розуміючи наведені нижче пункти один за іншим:
Як запустити сервер localhost:8080 на вашій машині?
Щоб запустити сервер localhost:8080, вам потрібна служба, яка працює на порту localhost:8080, наприклад ReactJS , NodeJS , VueJS , AngularJS і т.д. Якщо ви працюєте з будь-якою зі згаданих служб, вам потрібно ввести команду в терміналі вашої IDE або командного рядка на основі служби, яку ви використовуєте.
Нижче наведено команди для різних служб:
- Node.js : Якщо на вашій машині встановлено node.js за допомогою Менеджер пакетів вузлів (npm). Ви можете використовувати такі інструменти, як http-сервер або live-сервер щоб запустити сервер розробки localhost:8080 за допомогою наведених нижче команд:
// 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 : У випадку ReactJS вам не потрібно встановлювати сервер ззовні. Якщо ви створюєте додаток React за допомогою create-react-app він автоматично створює сервер розробки. Вам просто потрібно виконати наведені нижче команди, щоб запустити сервер на порту 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 : Додаток angular також постачається з сервером розробки, вам просто потрібно створити додаток angular за допомогою Angular CLI і виконати наведені нижче команди.
// 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>
Як створити сервер розробки в ReactJS ?
Виконайте наведені нижче дії, щоб створити та запустити сервер розробки в ReactJS:
- Крок 1: Створіть додаток React за допомогою npm create-react-app команду, вказавши після неї назву проекту.
npm create-react-app projectName>
- Крок 2: Перейдіть до поточної папки проекту.
cd pathToYourProject>
- крок 3: Створіть файли всередині src і запустіть сервер за допомогою наведеної нижче команди.
$env:PORT=8080 ; npm start>
приклад: Наведений нижче код можна використовувати як код шаблону для вашого файлу.
Javascript
// App.js file> import React, { useState } from>'react'>;> const App = ({ prop }) =>{> >const [isHidden, setIsHidden] = useState(>false>)> >function> btnClickHandler() {> >setIsHidden((prev) =>!попередній);> >}> >return> (> >'center' }}>Ласкаво просимо до techcodeview.com { isHidden && Портал комп’ютерних наук. } style={ { backgroundColor: 'green', color: '#fff', padding: '15px', cursor: 'pointer', border: 'none', borderRadius: ' 10px' }}> Натисніть, щоб перемкнути більше вмісту сторінки { isHidden && Цей вміст перемикається динамічно за допомогою події клацання з кнопкою. } ); }; експорт програми за замовчуванням;> |
>
>
Вихід:
