Programmierung

Dev-Server- und Deployment-Begriffe

Begriffe für lokale Server, Netzwerk-URLs, Ports, Builds, Deployment, Warnungen und Webfehler.

42 Treffer

Lokale Entwicklung

localhost

http://localhost:3001

Bedeutung

Ein Hostname, der auf denselben Computer verweist, auf dem der Browser oder die Befehlszeile ausgeführt wird.

Verwendung

Verwenden Sie localhost, wenn Sie die Website auf demselben Mac oder PC überprüfen, auf dem der Entwicklungsserver läuft.

Hinweis

Ein Telefon oder Tablet hat seinen eigenen localhost, sodass es die localhost-Adresse Ihres Macs nicht verwenden kann.

Beispiel

http://localhost:3001

Beispielanfrage

Die lokale Seite unter `localhost` öffnen und die neue Referenzseite überprüfen.

Lokale Entwicklung

127.0.0.1

http://127.0.0.1:3001

Bedeutung

Eine Loopback-IP-Adresse, die ebenfalls auf denselben lokalen Computer verweist.

Verwendung

Es kann oft mit localhost für Tests auf demselben Gerät ausgetauscht werden.

Beispiel

http://127.0.0.1:3001

Beispielanfrage

Versuchen Sie 127.0.0.1, wenn localhost nicht korrekt aufgelöst wird.

Lokale Entwicklung

Dev-Server

Dev server

npm run dev

Bedeutung

Ein Server, der während der Entwicklung verwendet wird, mit schnellen Neukompilierungen und entwicklungsbezogenen Funktionen.

Verwendung

Verwenden Sie es, um Änderungen vor der Erstellung oder Bereitstellung der Website anzuzeigen.

Hinweis

Das Verhalten des Entwicklungsservers ist nicht immer identisch mit dem des in der Produktion eingesetzten Systems.

Beispiel

npm run dev

Beispielanfrage

Starten Sie den Entwicklungsserver, damit ich die Seite auf meinem iPhone überprüfen kann.

Lokale Entwicklung

Port

http://localhost:3001

Bedeutung

Eine Nummer, die identifiziert, welcher Serverprozess eine Verbindung auf einer Maschine entgegennehmen soll.

Verwendung

Wenn ein Server Port 3001 verwendet, muss ein anderer Server einen anderen Port verwenden, z. B. 3002.

Beispiel

http://localhost:3001

Beispielanfrage

Wenn Port 3001 bereits verwendet wird, starten Sie den Entwicklungsserver auf einem anderen Port.

Lokale Entwicklung

Lokale URL

Local URL

Local: http://localhost:3001

Bedeutung

Die Adresse, die vom selben Gerät verwendet wird, auf dem der Entwicklungsserver ausgeführt wird.

Verwendung

Verwenden Sie die lokale URL für Browser-Checks auf dem Entwicklungssystem.

Beispiel

Local: http://localhost:3001

Beispielanfrage

Sagen Sie mir die lokale URL, nachdem der Entwicklungsserver gestartet wurde.

Netzwerkzugriff

Netzwerk-URL

Network URL

Network: http://172.30.1.55:3001

Bedeutung

Eine Adresse, die andere Geräte im selben Netzwerk verwenden können, um den Entwicklungsserver zu erreichen.

Verwendung

Verwenden Sie es, wenn die Website von einem iPhone, iPad oder einem anderen Computer im selben Wi-Fi-Netzwerk aufgerufen wird.

Hinweis

Der Entwicklungsserver muss auf einem netzwerkzugänglichen Host lauschen, z. B. auf 0.0.0.0.

Beispiel

Network: http://172.30.1.55:3001

Beispielanfrage

Starten Sie den Entwicklungsserver mit einer Netzwerk-URL, damit ich ihn auf meinem iPad testen kann.

Netzwerkzugriff

IP-Adresse

IP address

172.30.1.55

Bedeutung

Eine numerische Adresse, die ein Gerät in einem Netzwerk identifiziert.

Verwendung

Eine LAN-IP-Adresse ermöglicht es einem anderen Gerät im selben Wi-Fi-Netzwerk, auf Ihren Entwicklungsserver zuzugreifen.

Hinweis

Lokale Netzwerk-IP-Adressen können sich ändern, wenn sich die Wi-Fi- oder Router-Einstellungen ändern.

Beispiel

172.30.1.55

Beispielanfrage

Verwenden Sie die aktuelle LAN-IP-Adresse, wenn Sie zulässige Dev-Ursprünge für das Testen von Geräten hinzufügen.

Netzwerkzugriff

Host

--hostname 0.0.0.0

Bedeutung

Die Adresse, an die ein Server bindet, wenn er beginnt, auf Anfragen zu lauschen.

Verwendung

Die Bindung an 0.0.0.0 ermöglicht, dass der Entwicklungsserver von anderen Geräten im Netzwerk erreichbar ist.

Beispiel

--hostname 0.0.0.0

Beispielanfrage

Führen Sie den Entwicklungsserver mit dem Hostnamen 0.0.0.0 für Tests mit dem Telefon aus.

Netzwerkzugriff

Gleiches Netzwerk

Same network

Mac und iPhone im selben Wi-Fi-Netzwerk.

Bedeutung

Geräte, die mit demselben lokalen Netzwerk verbunden sind, normalerweise demselben Wi-Fi-Router.

Verwendung

Ein Telefon kann den Entwicklungsserver Ihres Macs nur erreichen, wenn die Netzwerkeinstellungen dies zulassen.

Beispiel

Mac und iPhone im selben Wi-Fi-Netzwerk.

Beispielanfrage

Überprüfen Sie, ob iPhone und Mac sich im selben Netzwerk befinden, bevor Sie die Website debuggen.

Next.js-Verhalten

allowedDevOrigins

allowedDevOrigins: ['172.30.1.55']

Bedeutung

Eine Next.js-Entwicklungseinstellung, die bestimmten Ursprüngen den Zugriff auf Entwicklungressourcen ermöglicht.

Verwendung

Dies kann erforderlich sein, wenn ein Next-Entwicklungsserver von einem Telefon oder Tablet über eine LAN-IP-Adresse getestet wird.

Hinweis

Dies ist eine Entwicklungseinstellung. Bereitgestellte statische Websites verwenden keinen Zugriffspfad für Entwicklungsumgebungen.

Beispiel

allowedDevOrigins: ['172.30.1.55']

Beispielanfrage

Meine aktuelle LAN-IP zu allowedDevOrigins für Entwicklungstests hinzufügen.

Netzwerkzugriff

Cross-Origin

Cross-origin

Blocked cross-origin request

Bedeutung

Eine Anfrage zwischen verschiedenen Ursprüngen, bei der sich Schema, Host oder Port unterscheiden.

Verwendung

Entwicklungswerkzeuge blockieren möglicherweise standardmäßig den Zugriff von außerhalb des eigenen Netzwerks auf sensible Entwicklungressourcen.

Beispiel

Blocked cross-origin request

Beispielanfrage

Erläutern Sie, ob diese Cross-Origin-Warnung die Produktionsbereitstellung betrifft.

Next.js-Verhalten

HMR

/_next/webpack-hmr

Bedeutung

Hot Module Replacement aktualisiert den Browser während der Entwicklung, ohne dass ein vollständiges Neuladen erforderlich ist.

Verwendung

Wenn HMR-Entwicklungsressourcen blockiert sind, kann die Seite zwar geladen werden, aber interaktive Updates oder Skripte können sich in der Entwicklung seltsam verhalten.

Hinweis

HMR ist nur für die Entwicklung und nicht Teil des endgültigen statischen Exports.

Beispiel

/_next/webpack-hmr

Beispielanfrage

Überprüfen Sie, ob das Problem mit dem iPhone durch blockierte HMR-Entwicklungsressourcen verursacht wird.

Next.js-Verhalten

Turbopack

Next.js 16.2.5 (Turbopack)

Bedeutung

Ein Bundler, der von Next.js für Entwicklungs- und Build-Workflows verwendet wird.

Verwendung

Möglicherweise sehen Sie ihren Namen in der Ausgabe des Entwicklungsservers oder des Build-Prozesses.

Beispiel

Next.js 16.2.5 (Turbopack)

Beispielanfrage

Fassen Sie die Turbopack-Ausgabe zusammen und teilen Sie mir mit, ob der Build erfolgreich war.

Next.js-Verhalten

App Router

src/app/[locale]/reference/page.tsx

Bedeutung

Das Next.js-Routing-System, das auf dem App-Verzeichnis basiert.

Verwendung

Das Hinzufügen einer Datei page.tsx unter einem Ordner erstellt eine Route.

Beispiel

src/app/[locale]/reference/page.tsx

Beispielanfrage

Die neue Referenzseite unter Verwendung der Ordnerstruktur des App Routers hinzufügen.

Next.js-Verhalten

generateStaticParams

generateStaticParams()

Bedeutung

Eine Next.js-Funktion, die festlegt, welche dynamischen Routen während der Build-Zeit generiert werden sollen.

Verwendung

Lokale Seiten verwenden dies, um Verzeichnisse für verschiedene Sprachen wie /en, /ko, /ja usw. zu erstellen.

Beispiel

generateStaticParams()

Beispielanfrage

Stellen Sie sicher, dass die neue Referenzseite für alle Sprachen die generateStaticParams-Funktion verwendet.

Build und Ausgabe

Erstellen

Build

npm run build

Bedeutung

Der Prozess, der die Seite kompiliert und für die Produktion oder die statische Ausgabe vorbereitet.

Verwendung

Führen Sie den Build vor der Bereitstellung aus, um TypeScript-, Routing- und statische Generierungsprobleme zu erkennen.

Beispiel

npm run build

Beispielanfrage

Führen Sie den Build aus und bestätigen Sie, dass die neue Route generiert wurde.

Build und Ausgabe

Lint

npm run lint

Bedeutung

Eine statische Code-Analyse, die Stil-, Korrektheits- und Framework-Regelverstöße erkennt.

Verwendung

Lint ist eine schnelle Prüfung vor dem Build oder Commit.

Beispiel

npm run lint

Beispielanfrage

Führen Sie lint nach dem Bearbeiten der Referenzseiten aus.

Build und Ausgabe

Statischer Export

Static export

output: "export"

Bedeutung

Eine Build-Ausgabe, bei der Seiten als statische Dateien generiert werden, anstatt einen laufenden Server zu benötigen.

Verwendung

Ein statischer Export ist nützlich, um Websites als vorgefertigte HTML-, CSS- und JavaScript-Dateien zu hosten.

Hinweis

Einige serverseitige Funktionen funktionieren nicht mit dem statischen Export.

Beispiel

output: "export"

Beispielanfrage

Stellen Sie sicher, dass die neue Seite mit dem statischen Export kompatibel ist.

Build und Ausgabe

SSG

● (SSG) wird als statisches HTML vorgerendert

Bedeutung

Die statische Seitengenerierung erstellt Seiten während der Build-Zeit.

Verwendung

Referenzseiten mit `generateStaticParams` werden für jede Locale während des Builds generiert.

Beispiel

● (SSG) wird als statisches HTML vorgerendert

Beispielanfrage

Stellen Sie sicher, dass die Referenzroute als SSG in der Build-Ausgabe angezeigt wird.

Build und Ausgabe

Vorrendern

Prerender

vorgerendert als statischer Inhalt

Bedeutung

Rendern einer Seite, bevor ein Benutzer sie anfordert, normalerweise während des Builds.

Verwendung

Vorgerenderte Seiten laden schnell, da das HTML bereits vorhanden ist.

Beispiel

vorgerendert als statischer Inhalt

Beispielanfrage

Überprüfen Sie, ob alle länderspezifischen Seiten erfolgreich vorab gerendert wurden.

Build und Ausgabe

Bündel

Bundle

Statisches JS-Bundle

Bedeutung

Kompilierte Dateien, die Code und Abhängigkeiten für den Browser kombinieren.

Verwendung

Große Pakete können die Ladezeit beeinflussen und sollten im Auge behalten werden, wenn die Website wächst.

Beispiel

Statisches JS-Bundle

Beispielanfrage

Vermeiden Sie das Hinzufügen einer großen Bibliothek nur für eine einfache Referenzseite.

Deployment

Bereitstellen

Deploy

Statische Ausgabe bereitstellen

Bedeutung

Veröffentlichung der erstellten Website, damit Benutzer sie im Internet abrufen können.

Verwendung

Die Bereitstellung erfolgt nach lokalen Prüfungen, Linting und erfolgreichem Build.

Beispiel

Statische Ausgabe bereitstellen

Beispielanfrage

Nicht noch bereitstellen; bereiten Sie stattdessen die Seite vor und führen Sie den Build aus.

Deployment

Produktion

Production

Produktionsbereitstellung

Bedeutung

Die tatsächliche, bereitgestellte Umgebung, auf die Benutzer zugreifen.

Verwendung

Die Produktion sollte anders getestet werden als der lokale Entwicklungsserver, da dort nur entwicklungsbezogene Funktionen vorhanden sind.

Beispiel

Produktionsbereitstellung

Beispielanfrage

Erläutern Sie, ob diese Warnung die Produktion oder nur die Entwicklung betrifft.

Deployment

Hosting

Anbieter für statisches Hosting

Bedeutung

Der Dienst oder Server, der die bereitgestellten Seitendateien speichert und bereitstellt.

Verwendung

Ein statischer Export kann von einem statischen Hosting-Dienst bereitgestellt werden, wenn keine serverseitige Logik erforderlich ist.

Beispiel

Anbieter für statisches Hosting

Beispielanfrage

Stellen Sie sicher, dass die Ausgabe auf einem statischen Host funktioniert.

Deployment

Domäne

Domain

example.com

Bedeutung

Die für Menschen lesbare Adresse, die Benutzer eingeben, um eine Website zu erreichen.

Verwendung

Eine Domain verweist auf den bereitgestellten Hosting-Standort über DNS.

Beispiel

example.com

Beispielanfrage

Verwenden Sie nicht hartcodiert "localhost" in Links, die im Produktionsbereich funktionieren sollen.

Deployment

DNS

Ein DNS-Record / CNAME-Record

Bedeutung

Das System, das einen Domänennamen auf den Server oder das Hosting-Ziel abbildet.

Verwendung

DNS muss korrekt konfiguriert sein, damit eine benutzerdefinierte Domain auf die bereitgestellte Website zugreifen kann.

Beispiel

Ein DNS-Record / CNAME-Record

Beispielanfrage

Erläutern Sie, ob das Problem ein DNS-Problem oder ein Problem beim Build der Anwendung ist.

Deployment

Cache (Zwischenspeicher)

Cache

clear browser cache

Bedeutung

Gespeicherte Kopien von Dateien oder Antworten, die verwendet werden, um Seiten schneller zu laden.

Verwendung

Nach der Bereitstellung können alte zwischengespeicherte Dateien dazu führen, dass ein Browser vorübergehend eine ältere Version anzeigt.

Beispiel

clear browser cache

Beispielanfrage

Überprüfen Sie, ob die alte Seite noch angezeigt wird, weil sie zwischengespeichert ist.

Laufzeit

Node.js

node --version

Bedeutung

Eine JavaScript-Laufzeitumgebung, die zum Ausführen von Entwicklungstools, Build-Skripten und Servern verwendet wird.

Verwendung

Next.js-Befehle für die Entwicklung und den Build werden auf Node.js ausgeführt.

Beispiel

node --version

Beispielanfrage

Bitte teilen Sie mir mit, ob diese Warnung von Node.js, Next.js oder meinem App-Code stammt.

Laufzeit

npm

npm run build

Bedeutung

Ein Paketmanager und Skriptausführer, der häufig in JavaScript-Projekten verwendet wird.

Verwendung

package.json definiert Skripte wie dev, lint und build, die npm ausführen kann.

Beispiel

npm run build

Beispielanfrage

Führen Sie das npm-Build-Skript aus und fassen Sie das Ergebnis zusammen.

Laufzeit

package.json

"scripts": { "dev": "next dev -p 3001" }

Bedeutung

Eine Projektdatei, die Skripte, Abhängigkeiten und Paketmetadaten definiert.

Verwendung

Überprüfen Sie package.json, um herauszufinden, welche Befehle das Projekt von Ihnen erwartet.

Beispiel

"scripts": { "dev": "next dev -p 3001" }

Beispielanfrage

Überprüfen Sie package.json, bevor Sie entscheiden, welchen Entwicklungsbefehl Sie ausführen möchten.

Laufzeit

Umgebungsvariable

Environment variable

NEXT_PUBLIC_SITE_URL=https://example.com

Bedeutung

Ein Wert, der der App oder der Build-Umgebung außerhalb des Quellcodes übergeben wird.

Verwendung

Umgebungsvariablen werden für Site-URLs, API-Schlüssel und einrichtungsbezogene Einstellungen verwendet.

Hinweis

Geheimnisse dürfen nicht über öffentliche Client-seitige Variablen preisgegeben werden.

Beispiel

NEXT_PUBLIC_SITE_URL=https://example.com

Beispielanfrage

Verwenden Sie nicht hartcodiert die URL der Produktionsseite, wenn bereits eine Umgebungsvariable vorhanden ist.

Fehler und Warnungen

404

404 Not Found

Bedeutung

Ein Fehler, der bedeutet, dass die angeforderte Seite oder Datei nicht gefunden wurde.

Verwendung

Dies kann passieren, wenn eine Route gelöscht, umbenannt oder nicht in der statischen Ausgabe generiert wurde.

Beispiel

404 Not Found

Beispielanfrage

Überprüfen Sie, ob die alte URL für die Grundlagen der Programmierung jetzt einen 404-Fehler zurückgibt, nachdem sie entfernt wurde.

Fehler und Warnungen

500

500 Internal Server Error

Bedeutung

Ein Fehler, der bedeutet, dass der Server beim Bearbeiten der Anfrage fehlgeschlagen ist.

Verwendung

In der Entwicklung zeigt das Terminal oder die Browser-Overlay normalerweise den Quellfehler an.

Beispiel

500 Internal Server Error

Beispielanfrage

Wenn ein Fehler 500 auftritt, untersuchen Sie den Terminal-Fehler und identifizieren Sie die fehlerhafte Datei.

Fehler und Warnungen

Module not found

Module not found: Can't resolve '@/lib/programming'

Bedeutung

Ein Fehler, der bedeutet, dass ein Import auf eine Datei oder ein Paket verweist, die/das nicht gefunden werden kann.

Verwendung

Dies geschieht oft, nachdem Dateien verschoben, gelöscht oder umbenannt wurden, ohne die Importe zu aktualisieren.

Beispiel

Module not found: Can't resolve '@/lib/programming'

Beispielanfrage

Alle Imports finden und aktualisieren, die noch auf die entfernte Datei verweisen.

Fehler und Warnungen

Export nicht gefunden.

Export not found

Export programmingBasicsCopy doesn't exist

Bedeutung

Ein Fehler, der bedeutet, dass eine Datei existiert, aber der angeforderte benannte Export nicht von dieser Datei bereitgestellt wird.

Verwendung

Dies kann passieren, wenn ein Datenobjekt umbenannt wird, die Imports aber weiterhin den alten Namen verwenden.

Beispiel

Export programmingBasicsCopy doesn't exist

Beispielanfrage

Ersetzen Sie den alten Exportnamen überall durch den neuen.

Fehler und Warnungen

EADDRINUSE

listen EADDRINUSE: address already in use 0.0.0.0:3001

Bedeutung

Ein Fehler, der bedeutet, dass ein anderer Prozess bereits den angeforderten Host und Port verwendet.

Verwendung

Verwenden Sie einen anderen Port oder stoppen Sie den vorhandenen Server, wenn Sie ihn absichtlich ersetzen möchten.

Beispiel

listen EADDRINUSE: address already in use 0.0.0.0:3001

Beispielanfrage

Wenn EADDRINUSE angezeigt wird, geben Sie mir den Port an, der belegt ist, und verwenden Sie einen anderen.

Fehler und Warnungen

DeprecationWarning

[DEP0205] DeprecationWarning: module.register() is deprecated

Bedeutung

Eine Warnung, dass eine API derzeit noch funktioniert, aber möglicherweise entfernt oder geändert wird.

Verwendung

Warnungen sollten beachtet werden, sind aber nicht immer Fehler, die den Build verhindern.

Beispiel

[DEP0205] DeprecationWarning: module.register() is deprecated

Beispielanfrage

Bitte teilen Sie mir mit, ob diese DeprecationWarning harmlos ist oder eine Änderung des Codes erfordert.

Fehler und Warnungen

Hydrierung

Hydration

Hydration failed because the server rendered HTML didn't match

Bedeutung

Der Prozess, bei dem clientseitiges JavaScript eine Verbindung zu serverseitigem HTML herstellt.

Verwendung

Abweichungsfehler treten auf, wenn Server und Client unterschiedliche anfängliche Inhalte darstellen.

Beispiel

Hydration failed because the server rendered HTML didn't match

Beispielanfrage

Wenn die Hydrierung fehlschlägt, prüfen Sie, welche Komponente sich auf dem Client anders rendert.

Befehle

npm run dev

npm run dev

Bedeutung

Ein Projektskript, das den lokalen Entwicklungsserver startet.

Verwendung

Verwenden Sie es beim Bearbeiten von Seiten und beim lokalen Überprüfen von Änderungen.

Beispiel

npm run dev

Beispielanfrage

Führen Sie npm run dev aus und geben Sie mir die lokalen und Netzwerk-URLs.

Befehle

npm run build

npm run build

Bedeutung

Ein Projektskript, das die Produktionsversion erstellt oder den statischen Export durchführt.

Verwendung

Führen Sie es nach Änderungen aus, um sicherzustellen, dass die App erfolgreich generiert werden kann.

Beispiel

npm run build

Beispielanfrage

Führen Sie npm run build aus und fassen Sie alle Warnungen oder Fehler zusammen.

Befehle

npm run lint

npm run lint

Bedeutung

Ein Projektskript, das Lint-Prüfungen durchführt.

Verwendung

Führen Sie es vor dem Build aus, um viele Code-Probleme schnell zu erkennen.

Beispiel

npm run lint

Beispielanfrage

Führen Sie lint vor dem Erstellen der Website aus.

Befehle

curl

curl -I http://localhost:3001/ko

Bedeutung

Ein Kommandozeilen-Tool zum Senden von HTTP-Anfragen und zum Überprüfen der Antworten.

Verwendung

curl can quickly check whether a local or deployed page responds with 200, 404, or another status.

Beispiel

curl -I http://localhost:3001/ko

Beispielanfrage

Verwenden Sie curl, um zu überprüfen, ob die neue Referenzroute den Statuscode 200 zurückgibt.