Lokaler Host:8080 ist ein Port, der von den Webservern verwendet wird. es ist ein Lokaler Entwicklungsserver das läuft weiter Hafen 8080 . Es wird in Fällen verwendet, in denen die localhost:3000 Und localhost:5000 sind damit beschäftigt, andere Anwendungen auszuführen. Entwickler verwenden localhost:8080, um die Vorschau der entwickelten Anwendung anzuzeigen und sie gemäß den Anforderungen an Reaktionsfähigkeit und anderen Parametern zu testen, bevor sie sie in der Produktion bereitstellen.
Lassen Sie uns localhost:8080 verstehen, indem wir es aufschlüsseln:
Java für Schleifentypen
- lokaler Host: Es bezieht sich auf den Hostnamen oder das aktuelle Gerät, das Sie für Entwicklungszwecke verwenden.
- 8080: Dies ist die Portnummer, auf der der erstellte Entwicklungsserver lauschen soll.
Lassen Sie uns tiefer in das Konzept von localhost:8080 eintauchen, indem wir die folgenden Punkte nacheinander verstehen:
Wie starte ich den localhost:8080-Server auf Ihrem Computer?
Um den localhost:8080-Server zu starten, benötigen Sie einen Dienst, der auf dem localhost:8080-Port ausgeführt wird ReactJS , NodeJS , VueJS , AngularJS , usw. Wenn Sie mit einem der genannten Dienste arbeiten, müssen Sie je nach verwendetem Dienst einen Befehl in das Terminal Ihrer IDE oder Eingabeaufforderung eingeben.
Befehle für verschiedene Dienste sind unten aufgeführt:
- Node.js : Wenn Sie node.js auf Ihrem Computer installiert haben mit Knotenpaketmanager (npm). Sie können die Tools wie verwenden http-Server oder Live-Server So starten Sie den Entwicklungsserver localhost:8080 mithilfe der folgenden Befehle:
// 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 : Im Fall von ReactJS müssen Sie den Server nicht extern installieren. Wenn Sie eine Reaktions-App mit erstellen Create-React-App Es erstellt automatisch einen Entwicklungsserver. Sie müssen lediglich die folgenden Befehle ausführen, um den Server am 8080-Port zu starten.
// 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 : Die Angular-App wird auch mit einem Entwicklungsserver geliefert. Sie müssen lediglich eine Angular-App mit der Angular-CLI erstellen und die folgenden Befehle ausführen.
// 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>
So erstellen Sie einen Entwicklungsserver in ReactJS ?
Führen Sie die folgenden Schritte aus, um einen Entwicklungsserver in ReactJS zu erstellen und zu starten:
- Schritt 1: Erstellen Sie eine Reaktions-App mit dem npm create-react-app Befehl, indem Sie danach den Namen des Projekts angeben.
npm create-react-app projectName>
- Schritt 2: Navigieren Sie zu Ihrem aktuellen Projektordner.
cd pathToYourProject>
- Schritt 3: Erstellen Sie Dateien innerhalb der src Ordner und führen Sie den Server mit dem folgenden Befehl aus.
$env:PORT=8080 ; npm start>
Beispiel: Der folgende Code kann als Vorlagencode für Ihre Datei verwendet werden.
Javascript
// App.js file> import React, { useState } from> 'react'> ;> const App = ({ prop }) =>{> > const [isHidden, setIsHidden] = useState(> false> )> > function> btnClickHandler() {> > setIsHidden((prev) =>!prev);> > }> > return> (> > 'center' }}>Willkommen bei techcodeview.com { isHidden && Ein Informatikportal. } style={ { Hintergrundfarbe: 'grün', Farbe: '#fff', Polsterung: '15px', Cursor: 'Zeiger', Rand: 'none', borderRadius: ' 10px' }}> Klicken Sie hier, um mehr Seiteninhalt umzuschalten { isHidden && Dieser Inhalt wird dynamisch mithilfe eines Klickereignisses mit der Schaltfläche umgeschaltet. } ); }; Standard-App exportieren;> |
>
>
Ausgabe: