Localhost: 8080 yra žiniatinklio serverių naudojamas prievadas. Tai yra vietinis plėtros serveris kad bėga toliau uostas 8080 . Jis naudojamas tais atvejais, kai Localhost: 3000 ir Localhost: 5000 yra užsiėmę kai kurių kitų programų vykdymu. Kūrėjai naudoja localhost:8080, kad pamatytų sukurtos programos peržiūrą ir išbandytų ją pagal reagavimo ir kitų parametrų reikalavimus prieš diegdami ją gamyboje.
Supraskime localhost:8080 suskaidydami jį:
Atsijungti nuo google paskyros android
- localhost: Tai nurodo pagrindinio kompiuterio pavadinimą arba dabartinį įrenginį, kurį naudojate kūrimo tikslais.
- 8080: Tai prievado numeris, kuriame sukurtas kūrimo serveris sukonfigūruotas klausytis.
Pasinerkime į localhost:8080 sąvoką, po vieną suprasdami toliau pateiktus dalykus:
Kaip savo kompiuteryje paleisti serverį localhost:8080?
Norėdami paleisti serverį localhost:8080, turite turėti paslaugą, kuri veiktų per localhost:8080 prievadą, pvz. ReaguotiJS , NodeJS , VueJS , KampinisJS ir kt. Jei dirbate su bet kuria iš paminėtų paslaugų, turite įvesti komandą savo IDE terminale arba komandų eilutėje pagal naudojamą paslaugą.
Toliau pateiktos įvairių paslaugų komandos:
- Node.js : Jei jūsų kompiuteryje įdiegtas node.js su Mazgo paketų tvarkyklė (npm). Galite naudoti tokias priemones kaip http-serveris arba tiesioginis serveris Norėdami paleisti localhost:8080 kūrimo serverį, naudodami toliau pateiktas komandas:
// 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>
- ReaguotiJS : ReactJS atveju jums nereikia įdiegti serverio iš išorės. Jei kuriate react programą naudodami kurti-reaguoti-programėlę jis automatiškai sukuria kūrimo serverį. Jums tereikia paleisti toliau pateiktas komandas, kad paleistumėte serverį 8080 prievadu.
// 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>
- KampinisJS : Kampinė programa taip pat pateikiama su kūrimo serveriu, jums tereikia sukurti kampinę programą naudojant Angular CLI ir paleisti toliau pateiktas komandas.
// 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>
Kaip sukurti kūrimo serverį ReaguotiJS ?
Atlikite toliau nurodytus veiksmus, kad sukurtumėte ir paleistumėte kūrimo serverį ReactJS:
- 1 žingsnis: Sukurkite „React“ programą naudodami npm sukurti-reaguoti-programėlę komandą, po jos nurodydami projekto pavadinimą.
npm create-react-app projectName>
- 2 žingsnis: Eikite į dabartinį projekto aplanką.
cd pathToYourProject>
- 3 veiksmas: Sukurkite failus viduje src aplanką ir paleiskite serverį naudodami žemiau esančią komandą.
$env:PORT=8080 ; npm start>
Pavyzdys: Žemiau esantis kodas gali būti naudojamas kaip failo šablono kodas.
Javascript
// App.js file> import React, { useState } from> 'react'> ;> const App = ({ prop }) =>{> > const [isHidden, setIsHidden] = useState(> false> )> > function> btnClickHandler() {> > setIsHidden((prev) =>!ankstesnis);> > }> > return> (> > 'center' }}>Sveiki atvykę į techcodeview.com { isHidden && A Computer Science Portal. } style={ { backgroundColor: 'green', spalva: '#fff', užpildymas: '15px', žymeklis: 'rodiklis', kraštinė: 'nėra', kraštinės spindulys: ' 10px' }}> Spustelėkite norėdami perjungti daugiau puslapio turinio { isHidden && Šis turinys perjungiamas dinamiškai naudojant spustelėjimo įvykį su mygtuku. } ); }; eksportuoti numatytąją programą;>> |
>Išvestis: