Programmierung
Ein Suchleitfaden zu Netzwerkbegriffen in lokaler Entwicklung, Browser-Requests, APIs, Docker und Deployment-Fehlersuche.
42 Treffer
Adressen und Namen
IP address
192.168.1.25Eine numerische Adresse, die verwendet wird, um ein Gerät in einem Netzwerk zu finden.
Verwenden Sie es, wenn ein anderes Gerät Zugriff auf Ihren Computer, Server oder Container-Host benötigt.
192.168.1.25Erläutern Sie, welche IP-Adresse ich von einem anderen Gerät verwenden sollte.
Adressen und Namen
IPv4
192.168.0.10Das übliche vierteilige IP-Adressformat.
Die meisten Beispiele für lokale Netzwerke verwenden IPv4-Adressen wie 192.168.x.x oder 10.x.x.x.
192.168.0.10Bitte teilen Sie mir mit, ob diese Adresse eine IPv4-Lokale-Netzwerkadresse ist.
Adressen und Namen
IPv6
::1Ein neueres, längeres IP-Adressformat, das eine viel größere Anzahl von Adressen bereitstellen soll.
Möglicherweise sehen Sie IPv6-Adressen in Protokolldateien, localhost-Bindungen oder in der Netzwerkausgabe des Servers.
::1Erläutern Sie, ob dieser Log IPv4 oder IPv6 verwendet.
Adressen und Namen
localhost
http://localhost:3000Ein Name, der den gleichen Computer bezeichnet, auf dem der Code oder der Browser ausgeführt wird.
Verwenden Sie es vom selben Computer, auf dem der Entwicklungsserver läuft.
Auf einem Telefon bedeutet "localhost" das Telefon selbst, nicht Ihr Entwicklungssystem.
http://localhost:3000Erläutern Sie, warum localhost auf meinem Computer funktioniert, aber nicht auf meinem Telefon.
Adressen und Namen
127.0.0.1
http://127.0.0.1:3000Die übliche IPv4-Loopback-Adresse für die aktuelle Maschine.
Verwenden Sie es als numerische Alternative zu "localhost".
http://127.0.0.1:3000Erläutern Sie, ob localhost und 127.0.0.1 hier äquivalent sind.
Adressen und Namen
0.0.0.0
next dev -H 0.0.0.0Eine Adresse, die von Servern verwendet wird, um auf allen verfügbaren Netzwerkschnittstellen zu lauschen.
Verwenden Sie es, wenn ein anderes Gerät im selben Netzwerk Zugriff auf Ihren Entwicklungsserver benötigt.
Dies kann einen Entwicklungsserver breiter zugänglich machen als localhost.
next dev -H 0.0.0.0Erläutern Sie, ob dieser Entwicklungsserver an 0.0.0.0 gebunden werden sollte.
Adressen und Namen
Hostname
my-laptop.localEin lesbarer Name für ein Gerät oder einen Server.
Verwenden Sie es, wenn ein Netzwerkname leichter zu merken ist als eine IP-Adresse.
my-laptop.localErläutern Sie, ob dieser Hostname auf die erwartete IP-Adresse aufgelöst wird.
Adressen und Namen
Domain
example.comEin für Menschen lesbarer Internetname für eine Website oder einen Dienst.
Verwenden Sie Domains für öffentliche Websites anstelle der Aufforderung an Benutzer, sich Server-IP-Adressen zu merken.
example.comErklären Sie, welche Domain diese bereitgestellte Website verwenden sollte.
Adressen und Namen
DNS
example.com -> 93.184.216.34Das System, das Domänennamen in IP-Adressen übersetzt.
Verwenden Sie DNS-Einträge, wenn Sie eine Domain mit einem Hosting-Dienst oder einem Server verbinden.
example.com -> 93.184.216.34Erläutern Sie, welcher DNS-Eintrag für diese Domain benötigt wird.
Ports und Verbindungen
Port
3000Eine Nummer, die identifiziert, welche App oder welcher Dienst Datenverkehr auf einer Maschine empfängt.
Entwicklungsserver verwenden oft Ports wie 3000, 3001, 5173 oder 8000.
3000Bitte teilen Sie mir mit, welchen Port dieser Server verwendet.
Ports und Verbindungen
Listen
Verfügbar unter http://localhost:3000Ein Server ist aktiv, wenn er bereit ist, Anfragen auf einer Adresse und einem Port entgegenzunehmen.
Überprüfen Sie die Ausgabepufferung, um herauszufinden, welche URL im Browser geöffnet werden kann.
Verfügbar unter http://localhost:3000Erläutern Sie, auf welchen Port dieser Server hört.
Ports und Verbindungen
Port forwarding
8080 -> 3000Weiterleitung von Datenverkehr von einem Port oder einer Maschine zu einem anderen Port oder einer anderen Maschine.
Verwenden Sie es in Routern, Tunneln, Containern und Remote-Entwicklungsumgebungen.
8080 -> 3000Erläutern Sie, auf welchen Port dieser Port weitergeleitet wird.
Ports und Verbindungen
Firewall
Erlauben Sie eingehende Verbindungen auf Port 3000.Ein Regelsystem, das Netzwerkverkehr zulässt oder blockiert.
Überprüfen Sie dies, wenn ein Server lokal läuft, sich ein anderes Gerät aber nicht verbinden kann.
Erlauben Sie eingehende Verbindungen auf Port 3000.Erläutern Sie, ob eine Firewall diese lokale Verbindung blockieren könnte.
Web-Anfragen
URL
https://example.com/docs?page=1Die vollständige Adresse, die verwendet wird, um eine Webressource anzufordern.
Eine URL enthält Protokoll, Host, optionalen Port, Pfad, Abfrageparameter und manchmal ein Fragment.
https://example.com/docs?page=1Teilen Sie diese URL in Protokoll, Host, Port, Pfad und Abfrage auf.
Web-Anfragen
Path
/ko/reference/dockerDer Teil einer URL, der eine Route oder Ressource auf dem Server identifiziert.
Verwenden Sie es, um zu verstehen, welche Seite oder welcher API-Endpunkt angefordert wird.
/ko/reference/dockerBitte teilen Sie mir mit, welcher App-Route dieser URL-Pfad zugeordnet ist.
Web-Anfragen
Query string
?page=1&lang=koDer Teil einer URL nach dem Fragezeichen "?", der zusätzliche Parameter übergibt.
Verwenden Sie es für Filter, Seitenzahlen, Suchbegriffe und leichte Optionen.
?page=1&lang=koErklären Sie, welche Abfrageparameter diese URL sendet.
Web-Anfragen
HTTP
http://localhost:3000Das grundlegende Protokoll, das Browser und Server für Webanfragen und -antworten verwenden.
In der lokalen Entwicklung wird oft HTTP verwendet, bevor HTTPS für die Produktion konfiguriert wird.
http://localhost:3000Erläutern Sie, ob diese lokale URL HTTP oder HTTPS verwendet.
Web-Anfragen
HTTPS
https://example.comHTTP, der durch TLS-Verschlüsselung geschützt ist.
Verwenden Sie HTTPS für öffentliche Websites, Anmeldungen, Cookies, Zahlungen, APIs und Produktionsverkehr.
https://example.comErläutern Sie, ob diese bereitgestellte Website HTTPS benötigt.
Web-Anfragen
HTTP method
GET /api/toolsEin Verb, das dem Server mitteilt, welche Art von Aktion die Anfrage ausführen soll.
`GET` liest normalerweise Daten, während `POST` normalerweise Daten erstellt oder übermittelt.
GET /api/toolsErläutern Sie, welche HTTP-Methode diese API-Anfrage verwenden sollte.
Web-Anfragen
Status code
200 OK / 404 Not Found / 500 Internal Server ErrorEine Nummer, die das Ergebnis einer HTTP-Antwort zusammenfasst.
Verwenden Sie es, um erfolgreiche, umleitende, fehlerhafte Client- und Server-Antworten schnell zu trennen.
200 OK / 404 Not Found / 500 Internal Server ErrorErklären Sie, was dieser HTTP-Statuscode bedeutet.
Web-Anfragen
Header
Content-Type: application/jsonMetadaten, die mit einer HTTP-Anfrage oder -Antwort gesendet werden.
Kopfzeilen enthalten den Inhaltstyp, die Autorisierung, Cookies, Cache-Regeln und CORS-Einstellungen.
Content-Type: application/jsonErklären Sie die wichtigen Header in dieser Antwort.
Web-Anfragen
Body
{"name":"demo"}Der Hauptdateninhalt, der in einer HTTP-Anfrage oder -Antwort gesendet wird.
POST- und PUT-Anfragen senden oft JSON-Daten im Body.
{"name":"demo"}Erklären Sie, welche Daten dieser Request-Body sendet.
Browser-Sicherheit
Origin
http://192.168.1.25:3000Die Kombination aus Protokoll, Host und Port.
Verwenden Sie "origin", um CORS, Cookies und Browser-Sicherheitsregeln zu verstehen.
Das Ändern nur des Ports erzeugt einen anderen Ursprung.
http://192.168.1.25:3000Identifizieren Sie die Herkunft dieser URL.
Browser-Sicherheit
Same-origin policy
https://app.example.com cannot freely read https://api.example.comEine Browser-Regel, die einschränkt, wie Seiten Daten von anderen Ursprüngen lesen können.
Verwenden Sie es, um zu verstehen, warum API-Anfragen des Browsers fehlschlagen können, auch wenn der Server erreichbar ist.
https://app.example.com cannot freely read https://api.example.comErläutern Sie, ob es sich um ein Same-Origin-Policy-Problem handelt.
Browser-Sicherheit
CORS
Access-Control-Allow-Origin: https://app.example.com | app.example.comEin serverseitiges Berechtigungssystem, das es Browsern ermöglicht, Antworten von einer anderen Quelle zu verwenden.
Verwenden Sie es, wenn eine Frontend-Anwendung einen API-Endpunkt auf einem anderen Ursprung aufruft.
CORS muss vom Server erlaubt werden, der die Antwort sendet.
Access-Control-Allow-Origin: https://app.example.com | app.example.comBitte teilen Sie mir mit, ob dieser CORS-Fehler im Frontend-Code oder in den Servereinstellungen behoben werden sollte.
Browser-Sicherheit
Cookie
Set-Cookie: session=abc; HttpOnlyKleine Daten, die vom Browser gespeichert und an passende Seiten zurückgesendet werden.
Cookies werden oft für Sitzungen, Präferenzen und Authentifizierungsstatus verwendet.
Set-Cookie: session=abc; HttpOnlyErläutern Sie, ob dieser Login-Status in einem Cookie gespeichert wird.
Browser-Sicherheit
Session
session_id=abc123Eine Möglichkeit, den Benutzerstatus über mehrere Anfragen hinweg zu speichern.
Verwenden Sie Sitzungen, um den Anmeldezustand oder temporäre serverseitige Benutzerdaten aufrechtzuerhalten.
session_id=abc123Erklären Sie, wie diese App die Benutzersitzung aufrechterhält.
Browser-Sicherheit
Token
Authorization: Bearer <token>Eine Zeichenkette, die zur Identitäts- oder Berechtigungsprüfung verwendet wird.
Verwenden Sie Token für die API-Authentifizierung, den temporären Zugriff und die Kommunikation zwischen Diensten.
Token können Zugriff gewähren, daher sollten sie nicht in öffentlichem Code oder Protokollen angezeigt werden.
Authorization: Bearer <token>Überprüfen, ob dieses Token an den Browser weitergegeben wird.
Browser-Sicherheit
TLS certificate
Let's Encrypt-ZertifikatEin Zertifikat, das von HTTPS verwendet wird, um die Identität einer Website zu beweisen und den Datenverkehr zu verschlüsseln.
Verwenden Sie es, wenn eine Produktionswebsite über HTTPS bereitgestellt wird.
Let's Encrypt-ZertifikatErläutern Sie, warum dieser Browser sagt, dass das Zertifikat ungültig ist.
Lokale Entwicklung
Local network
Laptop und Telefon im selben Wi-Fi-Netzwerk.Ein privates Netzwerk, in dem sich nahegelegene Geräte miteinander kommunizieren können, z. B. dasselbe Wi-Fi-Netzwerk.
Verwenden Sie es, wenn ein lokaler Entwicklungsserver von einem Telefon oder Tablet getestet wird.
Laptop und Telefon im selben Wi-Fi-Netzwerk.Erläutern Sie, ob sich diese Geräte im selben lokalen Netzwerk befinden.
Lokale Entwicklung
LAN IP
192.168.1.25Eine IP-Adresse, die innerhalb eines lokalen Netzwerks verwendet wird.
Verwenden Sie es von einem anderen Gerät im selben Netzwerk, um auf Ihren Entwicklungsserver zuzugreifen.
192.168.1.25Sagen Sie mir den Unterschied zwischen localhost und einer LAN-IP-Adresse.
Lokale Entwicklung
Network URL
http://192.168.1.25:3000Eine URL, die ein anderes Gerät im selben Netzwerk verwenden kann, um auf einen lokalen Server zuzugreifen.
Verwenden Sie es, wenn eine responsive Seite auf einem Telefon oder Tablet getestet wird.
Der Entwicklungsserver muss möglicherweise auch auf 0.0.0.0 lauschen und die Herkunft zulassen.
http://192.168.1.25:3000Erklären Sie, wie man diesen Entwicklungsserver von einem Telefon aus öffnet.
Lokale Entwicklung
Dev server
npm run devEin lokaler Server, der während der Entwicklung und des Tests einer App verwendet wird.
Verwenden Sie es für schnelles Neuladen, lokale Vorschauen und Debugging vor dem Produktions-Build.
npm run devErläutern Sie, welche lokale URL und welche Netzwerk-URL dieser Entwicklungsserver bereitstellt.
Lokale Entwicklung
HMR
/_next/webpack-hmrEine Entwicklungsfunktion, die den Browser aktualisiert, wenn sich der Code ändert.
Verwenden Sie es, um den Browser-Zustand während der Bearbeitung von UI-Code beizubehalten.
/_next/webpack-hmrErläutern Sie, ob diese blockierte Anfrage mit HMR zusammenhängt.
Server und Docker
Proxy
Browser -> proxy -> APIEin Server, der Anfragen im Namen eines Clients sendet.
Verwenden Sie es, um Anfragen zu verarbeiten, Backend-Details zu verbergen oder direkte Browser-zu-API-Aufrufe in der Entwicklung zu vermeiden.
Browser -> proxy -> APIErläutern Sie, ob diese API-Anfrage über einen Proxy läuft.
Server und Docker
Reverse proxy
Nginx -> app:3000Ein Server, der öffentlichen Datenverkehr empfängt und an interne Dienste weiterleitet.
Verwenden Sie es für die HTTPS-Terminierung, das Routing, die Komprimierung, das Caching und die Weiterleitung an App-Server.
Nginx -> app:3000Erklären Sie, wie dieser Reverse-Proxy den Datenverkehr zur App leitet.
Server und Docker
Docker port mapping
3000:3000Eine Zuordnung von einem Host-Port zu einem Container-Port.
Verwenden Sie es so, dass ein Browser auf dem Host auf eine Webanwendung zugreifen kann, die innerhalb eines Containers ausgeführt wird.
In Docker-Ports ist die linke Seite der Host-Port und die rechte Seite der Container-Port.
3000:3000Erklären Sie die Browser-URL für diese Docker-Portzuordnung.
Server und Docker
host.docker.internal
http://host.docker.internal:3000Ein spezieller Hostname, den Container verwenden können, um in vielen Docker Desktop-Konfigurationen auf die Hostmaschine zuzugreifen.
Verwenden Sie es, wenn ein Container einen Dienst auf der Hostmaschine aufrufen muss.
http://host.docker.internal:3000Erläutern Sie, ob dieser Container `host.docker.internal` verwenden sollte.
Server und Docker
Service name
postgres://db:5432/appIn Docker Compose können Dienste oft über den Dienstnamen miteinander kommunizieren.
Verwenden Sie stattdessen Namen von Datenbank-, API-, Redis- oder anderen Compose-Diensten anstelle von "localhost" zwischen Containern.
postgres://db:5432/appErläutern Sie, warum dieser Container den Dienstnamen `db` anstelle von `localhost` verwenden sollte.
Server und Docker
Load balancer
Client -> load balancer -> app serversEin System, das eingehenden Datenverkehr auf mehrere Server verteilt.
Verwenden Sie es, wenn eine Anwendung mehrere laufende Instanzen für Skalierbarkeit oder Zuverlässigkeit hat.
Client -> load balancer -> app serversErläutern Sie, wo ein Load Balancer in dieser Bereitstellung eingesetzt wird.
Server und Docker
CDN
Statische Assets werden aus einem Edge-Cache bereitgestellt.Ein verteiltes Netzwerk, das Inhalte von Standorten bereitstellt, die näher an den Benutzern liegen.
Verwenden Sie es, um statische Assets, Bilder, Skripte, Styles und zwischengespeicherte Seiten zu beschleunigen.
Statische Assets werden aus einem Edge-Cache bereitgestellt.Erläutern Sie, ob diese statische Website von einem CDN profitiert.
Server und Docker
Cache
Cache-Control: max-age=3600Gespeicherte Daten oder Antworten werden wiederverwendet, um zukünftige Anfragen schneller zu machen.
Verwenden Sie Cache für statische Dateien, API-Antworten, Seiten und CDN-Edge-Inhalte.
Alte zwischengespeicherte Inhalte können dazu führen, dass ein bekannter Fehler als behoben erscheint.
Cache-Control: max-age=3600Erläutern Sie, ob dieses Problem durch einen Cache verursacht werden könnte.