Programmation
Guide consultable des termes réseau utiles en développement local, requêtes navigateur, API, Docker et déploiement.
42 termes
Adresses et noms
IP address
192.168.1.25Une adresse numérique utilisée pour trouver un appareil sur un réseau.
Utilisez-le lorsqu'un autre appareil doit accéder à votre ordinateur, serveur ou hôte de conteneur.
192.168.1.25Expliquez quelle adresse IP je devrais utiliser depuis un autre appareil.
Adresses et noms
IPv4
192.168.0.10Le format d'adresse IP courant en quatre parties.
La plupart des exemples de réseaux locaux utilisent des adresses IPv4 telles que 192.168.x.x ou 10.x.x.x.
192.168.0.10Dites-moi si cette adresse est une adresse IPv4 de réseau local.
Adresses et noms
IPv6
::1Une adresse IP plus récente et plus longue, conçue pour fournir beaucoup plus d'adresses.
Vous pouvez voir IPv6 dans les journaux, les liaisons localhost ou la sortie réseau du serveur.
::1Expliquez si ce journal utilise IPv4 ou IPv6.
Adresses et noms
localhost
http://localhost:3000Un nom qui désigne la même machine où le code ou le navigateur est exécuté.
Utilisez-le depuis le même ordinateur qui exécute le serveur de développement.
Sur un téléphone, localhost signifie le téléphone lui-même, et non votre ordinateur de développement.
http://localhost:3000Expliquez pourquoi localhost fonctionne sur mon ordinateur mais pas sur mon téléphone.
Adresses et noms
127.0.0.1
http://127.0.0.1:3000L'adresse de retour IPv4 courante pour la machine actuelle.
Utilisez-le comme une alternative numérique à localhost.
http://127.0.0.1:3000Expliquez si localhost et 127.0.0.1 sont équivalents dans ce cas.
Adresses et noms
0.0.0.0
next dev -H 0.0.0.0Une adresse utilisée par les serveurs pour écouter sur toutes les interfaces réseau disponibles.
Utilisez-le lorsqu'un autre appareil du même réseau doit accéder à votre serveur de développement.
Cela peut exposer un serveur de développement plus largement que localhost.
next dev -H 0.0.0.0Expliquez si ce serveur de développement doit être lié à 0.0.0.0.
Adresses et noms
Hostname
my-laptop.localUn nom lisible pour un appareil ou un serveur.
Utilisez-le lorsqu'un nom de réseau est plus facile à retenir qu'une adresse IP.
my-laptop.localExpliquez si ce nom de domaine se résout à l'adresse IP attendue.
Adresses et noms
Domain
example.comUn nom internet lisible par l'homme pour un site web ou un service.
Utilisez des domaines pour les sites publics au lieu de demander aux utilisateurs de se souvenir des adresses IP des serveurs.
example.comExpliquer quel domaine ce site déployé doit utiliser.
Adresses et noms
DNS
example.com -> 93.184.216.34Le système qui traduit les noms de domaine en adresses IP.
Utilisez les enregistrements DNS lorsque vous connectez un domaine à un service d'hébergement ou à un serveur.
example.com -> 93.184.216.34Expliquez quel enregistrement DNS est nécessaire pour ce domaine.
Ports et connexions
Port
3000Un nombre qui identifie l'application ou le service qui reçoit le trafic sur une machine.
Les serveurs de développement utilisent souvent des ports tels que 3000, 3001, 5173 ou 8000.
3000Indiquez-moi quel port ce serveur utilise.
Ports et connexions
Listen
Disponible sur http://localhost:3000Un serveur est en écoute lorsqu'il est prêt à accepter les requêtes sur une adresse et un port.
Vérifier la sortie pour savoir quelle URL peut être ouverte dans le navigateur.
Disponible sur http://localhost:3000Expliquer où ce serveur écoute.
Ports et connexions
Port forwarding
8080 -> 3000Redirection du trafic d'un port ou d'une machine vers un autre port ou une autre machine.
Utilisez-le dans les routeurs, les tunnels, les conteneurs et les environnements de développement à distance.
8080 -> 3000Expliquer où ce port est redirigé.
Ports et connexions
Firewall
Autoriser les connexions entrantes sur le port 3000Un système de règles qui autorise ou bloque le trafic réseau.
Vérifier si le serveur est en cours d'exécution localement mais qu'un autre appareil ne peut pas se connecter.
Autoriser les connexions entrantes sur le port 3000Expliquez si un pare-feu pourrait bloquer cette connexion locale.
Requêtes web
URL
https://example.com/docs?page=1L'adresse complète utilisée pour demander une ressource web.
Une URL comprend le protocole, l'hôte, le port facultatif, le chemin, la chaîne de requête et parfois un fragment.
https://example.com/docs?page=1Divisez cette URL en protocole, hôte, port, chemin et requête.
Requêtes web
Path
/ko/reference/dockerLa partie d'une URL qui identifie une route ou une ressource sur le serveur.
Utilisez-le pour comprendre quelle page ou quel point de terminaison de l'API est demandé.
/ko/reference/dockerDites-moi à quelle route d'application ce chemin d'URL correspond.
Requêtes web
Query string
?page=1&lang=koLa partie d'une URL après le caractère ? qui transmet des paramètres supplémentaires.
Utilisez-le pour les filtres, les numéros de page, les termes de recherche et les options légères.
?page=1&lang=koExpliquer quels paramètres de requête cette URL envoie.
Requêtes web
HTTP
http://localhost:3000Le protocole de base que les navigateurs et les serveurs utilisent pour les requêtes et les réponses web.
Le développement local utilise souvent HTTP avant la configuration de HTTPS en production.
http://localhost:3000Expliquez si cette URL locale utilise HTTP ou HTTPS.
Requêtes web
HTTPS
https://example.comHTTP protégé par le chiffrement TLS.
Utilisez HTTPS pour les sites publics, la connexion, les cookies, les paiements, les API et le trafic de production.
https://example.comExpliquez si ce site déployé a besoin de HTTPS.
Requêtes web
HTTP method
GET /api/toolsUn verbe qui indique au serveur quel type d'action la requête souhaite effectuer.
GET lit généralement des données, tandis que POST crée ou soumet généralement des données.
GET /api/toolsExpliquez quelle méthode HTTP cette requête API doit utiliser.
Requêtes web
Status code
200 OK / 404 Not Found / 500 Internal Server ErrorUn nombre qui résume le résultat d'une réponse HTTP.
Utilisez-le pour séparer rapidement les réponses de succès, de redirection, d'erreur client et d'erreur serveur.
200 OK / 404 Not Found / 500 Internal Server ErrorExpliquer ce que ce code de statut HTTP signifie.
Requêtes web
Header
Content-Type: application/jsonMétadonnées envoyées avec une requête ou une réponse HTTP.
Les en-têtes contiennent le type de contenu, l'autorisation, les cookies, les règles de cache et les paramètres CORS.
Content-Type: application/jsonExpliquer les en-têtes importants dans cette réponse.
Requêtes web
Body
{"name":"demo"}Le contenu de données principal envoyé dans une requête ou une réponse HTTP.
Les requêtes POST et PUT envoient souvent des données JSON dans le corps.
{"name":"demo"}Expliquer quelles données ce corps de requête envoie.
Sécurité navigateur
Origin
http://192.168.1.25:3000La combinaison du protocole, de l'hôte et du port.
Utilisez "origin" pour comprendre CORS, les cookies et les règles de sécurité du navigateur.
Modifier uniquement le port crée une origine différente.
http://192.168.1.25:3000Identifiez l'origine de cette URL.
Sécurité navigateur
Same-origin policy
https://app.example.com cannot freely read https://api.example.comUne règle de navigateur qui restreint la manière dont les pages peuvent lire les données provenant d'autres origines.
Utilisez-le pour comprendre pourquoi les requêtes API du navigateur peuvent échouer même lorsque le serveur est accessible.
https://app.example.com cannot freely read https://api.example.comExpliquez si c'est un problème de politique d'origine identique.
Sécurité navigateur
CORS
Access-Control-Allow-Origin: https://app.example.com | app.example.comUn système de permissions côté serveur qui permet aux navigateurs d'utiliser les réponses provenant d'une autre origine.
Utilisez-le lorsqu'une application frontend appelle une API hébergée sur un autre domaine.
CORS doit être autorisé par le serveur qui envoie la réponse.
Access-Control-Allow-Origin: https://app.example.com | app.example.comDites-moi si cette erreur CORS doit être corrigée dans le code frontal ou dans les paramètres du serveur.
Sécurité navigateur
Cookie
Set-Cookie: session=abc; HttpOnlyPetites données stockées par le navigateur et renvoyées aux sites correspondants.
Les cookies sont souvent utilisés pour les sessions, les préférences et l'état d'authentification.
Set-Cookie: session=abc; HttpOnlyExpliquez si cet état de connexion est stocké dans un cookie.
Sécurité navigateur
Session
session_id=abc123Un moyen de conserver l'état de l'utilisateur entre plusieurs requêtes.
Utilisez les sessions pour maintenir l'état de connexion ou les données utilisateur temporaires côté serveur.
session_id=abc123Expliquer comment cette application conserve la session de l'utilisateur.
Sécurité navigateur
Token
Authorization: Bearer <token>Une chaîne utilisée pour prouver l'identité ou l'autorisation.
Utilisez les jetons pour l'authentification API, l'accès temporaire et les requêtes entre services.
Les jetons peuvent accorder un accès, ils ne doivent donc pas être exposés dans le code public ou les journaux.
Authorization: Bearer <token>Vérifiez si ce jeton est exposé au navigateur.
Sécurité navigateur
TLS certificate
Certificat Let's EncryptUn certificat utilisé par HTTPS pour prouver l'identité d'un site et chiffrer le trafic.
Utilisez-le lorsque vous servez un site de production via HTTPS.
Certificat Let's EncryptExpliquez pourquoi ce navigateur indique que le certificat est invalide.
Développement local
Local network
Ordinateur portable et téléphone sur le même réseau Wi-FiUn réseau privé où les appareils à proximité peuvent communiquer, comme le même réseau Wi-Fi.
Utilisez-le lorsque vous testez un serveur de développement local à partir d'un téléphone ou d'une tablette.
Ordinateur portable et téléphone sur le même réseau Wi-FiExpliquez si ces appareils sont sur le même réseau local.
Développement local
LAN IP
192.168.1.25Une adresse IP utilisée à l'intérieur d'un réseau local.
Utilisez-le depuis un autre appareil du même réseau pour accéder à votre machine de développement.
192.168.1.25Dites-moi la différence entre localhost et une adresse IP LAN.
Développement local
Network URL
http://192.168.1.25:3000Une URL qu'un autre appareil du même réseau peut utiliser pour accéder à un serveur local.
Utilisez-le lorsque vous testez une page réactive sur un téléphone ou une tablette.
Le serveur de développement doit également écouter sur 0.0.0.0 et autoriser l'origine.
http://192.168.1.25:3000Expliquer comment ouvrir ce serveur de développement depuis un téléphone.
Développement local
Dev server
npm run devUn serveur local utilisé pendant le développement et les tests d'une application.
Utilisez-le pour les rechargements rapides, les aperçus locaux et le débogage avant la construction finale.
npm run devExpliquez quelle URL locale et quelle URL réseau ce serveur de développement expose.
Développement local
HMR
/_next/webpack-hmrUne fonctionnalité de développement qui met à jour le navigateur lorsque le code change.
Utilisez-le pour conserver l'état du navigateur pendant la modification du code de l'interface utilisateur UI.
/_next/webpack-hmrExpliquez si cette requête bloquée est liée à HMR.
Serveur et Docker
Proxy
Browser -> proxy -> APIUn serveur qui envoie des requêtes au nom d'un client.
Utilisez-le pour acheminer les requêtes, masquer les détails du backend ou éviter les appels directs du navigateur à l'API pendant le développement.
Browser -> proxy -> APIExpliquez si cette requête API passe par un proxy.
Serveur et Docker
Reverse proxy
Nginx -> app:3000Un serveur qui reçoit le trafic public et le transmet aux services internes.
Utilisez-le pour la terminaison HTTPS, le routage, la compression, la mise en cache et la redirection vers les serveurs d'applications.
Nginx -> app:3000Expliquer comment ce proxy inverse route le trafic vers l'application.
Serveur et Docker
Docker port mapping
3000:3000Une correspondance entre un port hôte et un port de conteneur.
Utilisez-le de sorte qu'un navigateur sur l'hôte puisse accéder à une application web s'exécutant à l'intérieur d'un conteneur.
Dans Docker, les ports, le côté gauche est le port de l'hôte et le côté droit est le port du conteneur.
3000:3000Expliquer l'URL du navigateur pour cette association de port Docker.
Serveur et Docker
host.docker.internal
http://host.docker.internal:3000Un nom d'hôte spécial que les conteneurs peuvent utiliser pour accéder à la machine hôte dans de nombreuses configurations de Docker Desktop.
Utilisez-le lorsqu'un conteneur doit appeler un service exécuté sur la machine hôte.
http://host.docker.internal:3000Expliquez si ce conteneur doit utiliser host.docker.internal.
Serveur et Docker
Service name
postgres://db:5432/appDans Docker Compose, les services peuvent souvent communiquer entre eux par leur nom de service.
Utilisez db, api, redis ou d'autres noms de service compose au lieu de localhost entre les conteneurs.
postgres://db:5432/appExpliquez pourquoi ce conteneur doit utiliser le nom de service db au lieu de localhost.
Serveur et Docker
Load balancer
Client -> load balancer -> app serversUn système qui distribue le trafic entrant sur plusieurs serveurs.
Utilisez-le lorsque une application a plusieurs instances en cours d'exécution pour la mise à l'échelle ou la fiabilité.
Client -> load balancer -> app serversExpliquer où se situe un équilibreur de charge dans ce déploiement.
Serveur et Docker
CDN
Ressources statiques servies à partir d'un cache périphériqueUn réseau distribué qui sert du contenu à partir de lieux plus proches des utilisateurs.
Utilisez-le pour accélérer le chargement des ressources statiques, des images, des scripts, des styles et des pages mises en cache.
Ressources statiques servies à partir d'un cache périphériqueExpliquez si ce site statique bénéficie d'un CDN.
Serveur et Docker
Cache
Cache-Control: max-age=3600Données ou réponses enregistrées réutilisées pour accélérer les requêtes futures.
Utilisez la mise en cache pour les fichiers statiques, les réponses de l'API, les pages et le contenu de bordure du CDN.
Un contenu mis en cache obsolète peut faire apparaître un bug corrigé comme non corrigé.
Cache-Control: max-age=3600Expliquez si ce problème pourrait être causé par le cache.