Как работает Веб: Учебное пособие для новичков в веб-разработке. Часть 2
От кода к web-странице
Теперь, когда мы прояснили основные термины, давайте воспользуемся поиском на Github, чтобы проследить путь от URL, вводимого в адресной строке, до отображения веб-страницы:
1. Вы вводите URL-адрес в свой браузер
2. Веб-обозреватель разбирает данные, которые находятся в URL. Это включает протокол (“https”), имя домена (“github.com”) и ресурс (“/”). В этом случае, после “.com” нет ничего, что указывает на определенный ресурс, так что браузер знает, что ему следует получить только стартовую (индексную) страницу.
3. Браузер связывается с вашим поставщиком интернет-услуг, чтобы провести DNS-поиск IP-адреса веб-сервера с размещенным на нем https://www.github.com . Служба DNS сначала связывается с корневым именем сервера, который проверяет https://www.github.com , и сообщает об IP-адресе сервера имен для доменной зоны верхнего уровня " .com". Этот адрес возвращается в вашу службу DNS. Далее служба DNS связывается с сервером доменных имен " .com" и запрашивает его об адресе https://www.github.com.
4. Как только интернет-провайдер получает IP-адрес сервера назначения, он отправляет его в ваш веб-браузер:
5. Веб-обозреватель(браузер) получает IP-адрес и определенный номер порта из указанного URL-адреса(по умолчанию протокол HTTP использует порт 80, и по умолчанию протокол HTTPS использует порт 443), и устанавливает связь через TCP-сокет. На данном этапе веб-обозреватель и веб-сервер соединены.
6. Веб-обозреватель отправляет HTTP-запрос веб-серверу для получения основной HTML-страницы веб-сайта www.github.com.
7. Веб-сервер принимает запрос и ищет указанную HTML-страницу. Если она существует, сервер подготавливает ответ и отправляет его обратно веб-обозревателю. Если сервер не находит запрошенную страницу, он отправляет сообщение об ошибке 404 (это означает “Страница не найдена”).
8. Ваш веб-браузер берет полученную HTML-страницу, а затем анализирует ее, выполняя полное сканирование с головы до ног в поисках других ресурсов, которые перечислены, таких как изображения, файлы CSS, файлы JavaScript и так далее.
9. Веб-обозреватель повторяет всю процедуру, описанную выше, для каждого указанного ресурса, отправляя дополнительные HTTP-запросы серверу для каждого из них.
10. Когда веб-обозреватель завершает загрузку всех остальных ресурсов, указанных на HTML-странице, эта страница, в конечном итоге, загружается в окне веб-обозревателя, и соединение закрывается.
Продолжение этой интересной темы следует...