ВЕБ ОСНОВЫ
Привет!
Итак, в этой статье я хочу объяснить, что происходит в конце экрана, когда пользователь открывает веб-браузер, вводит Единый локатор ресурсов URL и веб-сайт открываются через несколько секунд, как если бы веб-страница просто лежала на вашем локальном ПК и ждала открытия.
Теперь покопаемся.
Это фактически работает в системе модели данных клиент-сервер. Когда пользователь вводит URL, происходит следующее:
URL разрешается
Запрос отправляется на сервер веб-сайта
Ответ веб-сайта анализируется
Наконец, страница отображается и отображается.
URL-адрес разрешается
Пример URL 'www.medium.com' , 'www ' — это поддомен, а "medium.com" — это имя домена. Иногда он имеет расширение «/», которое должно быть путем или ресурсами, к которым вы переходите на веб-сайте.
При вводе URL браузер с помощью ISP отправляет запрос на хост-компьютер (сервер) для разрешения.
Примечание
Для отправки запроса необходимо подключение для передачи данных от поставщика услуг Интернета.
Теперь у сервера есть много адресов интернет-протокола (IP), скажем, 172.65.180.2 в его сети, которые совсем не совпадают с отправленным доменным именем. Это решается с помощью сервера системы доменных имен (DNS), который представляет собой распределенную базу данных, которая отслеживает доменные имена компьютеров и соответствующие им IP-адреса в своей системе. Теперь IP-адрес известен благодаря DNS серверу в Интернете. Следующий!
Запрос отправляется на сервер
Сервер делает запрос с найденным IP адресом, браузер собирает много информации. Эти данные отправляются через протокол передачи гипертекста HTTP, который является стандартным протоколом, определяющим, как должен выглядеть запрос.
Примечание
HTTP as имеет HTTPS, в котором данные зашифрованы.
Ответ веб-сайта анализируется
Браузер получает ответ от сервера, но этот ответ ничего не отображает. Поэтому браузер с помощью HTTP анализирует ответ. Ответ содержит данные и метаданные (иногда содержит PDF-файл, который обрабатывается браузером).
Теперь данные содержат язык гипертекстовой разметки HTML,основной язык программирования. которые в основном отображают текст.
Отображается веб-страница
Браузер просматривает HTML данные, возвращенные сервером, и создает веб-сайт (теперь отображается веб-страница) на основе этого. Данные HTML содержат элемент таблицы стилей ‹links›, ссылающийся на внешнюю таблицу стилей CSS, и элементы scripts, ссылающиеся на внешний код JavaScript.
Примечание
HTML используется для структуры
CSS используется для стиля
JavaScript используется для динамического содержимого и делает веб-сайт интерактивным.
Бум! и все, ваш сайт полностью загрузился. Стоит отметить, что эти шаги занимают очень мало времени (в секундах, в зависимости от силы вашего сетевого подключения) для загрузки.
На изображении ниже показан весь процесс
Спасибо за ваше время!!!