Comment le navigateur traite-t-il la saisie de l'URL dans la barre d'adresse ?

Lorsque nous ouvrons une URL particulière dans le navigateur, comment le navigateur charge-t-il et affiche-t-il le contenu ? Nous montrons ce que le navigateur a fait tour à tour, selon l'ordre dans lequel l'événement se produit.

Darcy Ye

Developer

8/9/2024

Arrêtez de perdre des semaines sur l'authentification des utilisateurs

Lancez des applications sécurisées plus rapidement avec Logto. Intégrez l'authentification des utilisateurs en quelques minutes et concentrez-vous sur votre produit principal.

Commencer

En plus de quelques navigations web spécifiques avec des applications natives personnalisées lors de la consultation de différentes pages web, la plupart des pages web sont consultées avec un navigateur. Alors, lorsque nous ouvrons une URL particulière dans le navigateur, comment le navigateur charge-t-il et affiche-t-il le contenu ? Nous allons montrer ce que le navigateur a fait tour à tour, selon l'ordre dans lequel l'événement se produit.

L'utilisateur saisit l'URL dans le navigateur

Dans notre précédent article de blog, nous avons abordé les composants de l'URL, y compris ce qui est connu sous le nom d'hôte/domaine, par exemple www.google.com, blog.logto.io, etc.

Recherche de l'adresse IP à l'aide de l'hôte/domaine

Le navigateur ne peut pas directement comprendre l'hôte/domaine et trouver les ressources correspondantes, mais il doit connaître l'adresse IP spécifique pour localiser les ressources requises pour les pages web.

Le navigateur trouvera l'adresse IP correspondant à l'hôte/domaine grâce au système de noms de domaine (DNS).

Afin de rendre le processus de recherche des adresses IP aussi rapide que possible, la correspondance entre l'hôte/domaine et l'adresse IP utilise souvent divers caches, tels que le cache du navigateur, le cache du système d'exploitation, etc.

Lorsque la recherche dans le cache échoue, nous passons par le processus régulier de recherche DNS pour trouver l'adresse IP d'un hôte/domaine. Voici les étapes :

Lorsqu'un utilisateur saisit blog.logto.io dans le navigateur web, le navigateur web demande le service DNS pour obtenir l'adresse IP, la requête correspondante est reçue par le résolveur DNS
Le résolveur DNS interroge le serveur DNS racine (.)
Le serveur racine renvoie une adresse correspondant à un serveur DNS de domaine de premier niveau (TLD) (.io dans ce cas) et quelques informations associées
Le résolveur DNS interroge le serveur TLD .io
Le serveur TLD .io répond avec l'adresse du serveur de noms logto.io
Le résolveur DNS interroge le serveur de noms du domaine logto.io
Le serveur de noms du domaine logto.io répond avec l'adresse de blog.logto.io
Le résolveur DNS renvoie l'adresse IP de blog.logto.io au navigateur web

Le navigateur web peut alors demander les ressources correspondantes au serveur et rendre le site web pour que l'utilisateur puisse le consulter.

Établissement de la connexion TCP

Après avoir obtenu l'adresse IP correspondant au domaine à consulter via le service DNS, le navigateur web initie et établit une connexion TCP avec le serveur.

Obtenir les ressources et rendre les pages web

Après avoir établi une connexion TCP, le navigateur initie une requête réseau au serveur, obtient les ressources correspondantes et rend le contenu de la page web en fonction des ressources obtenues pour que l'utilisateur puisse les consulter.

Essayez Logto Cloud gratuitement

Recherche de l'adresse IP à l'aide de l'hôte/domaine

Le navigateur trouvera l'adresse IP correspondant à l'hôte/domaine grâce au système de noms de domaine (DNS).

Lorsque la recherche dans le cache échoue, nous passons par le processus régulier de recherche DNS pour trouver l'adresse IP d'un hôte/domaine. Voici les étapes :

Lorsqu'un utilisateur saisit blog.logto.io dans le navigateur web, le navigateur web demande le service DNS pour obtenir l'adresse IP, la requête correspondante est reçue par le résolveur DNS

Le résolveur DNS interroge le serveur DNS racine (.)

Le serveur racine renvoie une adresse correspondant à un serveur DNS de domaine de premier niveau (TLD) (.io dans ce cas) et quelques informations associées

Le résolveur DNS interroge le serveur TLD .io

Le serveur TLD .io répond avec l'adresse du serveur de noms logto.io

Le résolveur DNS interroge le serveur de noms du domaine logto.io

Le serveur de noms du domaine logto.io répond avec l'adresse de blog.logto.io

Le résolveur DNS renvoie l'adresse IP de blog.logto.io au navigateur web

Le navigateur web peut alors demander les ressources correspondantes au serveur et rendre le site web pour que l'utilisateur puisse le consulter.

L'utilisateur saisit l'URL dans le navigateur#

Recherche de l'adresse IP à l'aide de l'hôte/domaine#

Établissement de la connexion TCP#

Obtenir les ressources et rendre les pages web#

L'utilisateur saisit l'URL dans le navigateur#

Recherche de l'adresse IP à l'aide de l'hôte/domaine#

Établissement de la connexion TCP#

Obtenir les ressources et rendre les pages web#

L'utilisateur saisit l'URL dans le navigateur

Recherche de l'adresse IP à l'aide de l'hôte/domaine

Établissement de la connexion TCP

Obtenir les ressources et rendre les pages web

L'utilisateur saisit l'URL dans le navigateur

Recherche de l'adresse IP à l'aide de l'hôte/domaine

Établissement de la connexion TCP

Obtenir les ressources et rendre les pages web