Главная / Полезный контент / Как работает веб-сайт, основные технические моменты

Как работает веб-сайт, основные технические моменты

Как работает веб-сайт, основные технические моменты

Как работает веб-сайт со стороны пользователя выглядит довольно просто: это всего лишь набор отображаемых в браузере страниц с элементами навигации, баннеров, новостей и прочей информации.

На самом деле, если заглянуть по другую сторону страницы отображаемой браузером, все эту информацию выводит в окне браузера специальные языки программирования (php), разметки (html, xhtml), стилей (css), скриптов (JavaScript) и отвечают за динамическое содержимое.

Информация от пользователя в виде нажатия на ссылку или ввода определенного запроса в окно поиска, поступает на сервер, где обрабатывается и выводится, уже в готовом виде и посетителю сайта абсолютно все равно, какое программное обеспечение установлено на сервере и как оно работает.

Техническая сторона работы веб — сайта

Что такое клиент

Клиентом является программа-браузер (opera, google, mozilla), которая работает на вашем компьютере или любом другом девайсе (телефон, часы, ноутбук и пр.)

Что такое сервер

Под сервером понимают две вещи:

Во-первых – это главный компьютер, на котором все работает. Он расположен в дата-центре, в какой-то интернет-компании.

И с другой стороны – под сервером понимают приложение, которое работает на этом компьютере. Т. есть, приложение называют веб-сервером.

Клиент – это браузер, сервер – это веб-сервер.

Сам сайт хранится на стороне сервера. Клиент обращается к серверу, открывает сетевое соединение, отправляет запрос, веб-сервер отвечает на этот запрос и возвращает в браузер HTML-страничку.

Другими словами – сама html-страница хранится на веб-сервере, клиент получает её от сервера по сети.

Важно понимать, что веб-сайты (веб-приложения) работают в режиме запрос – ответ. Как правило, на каждый запрос открывается одно сетевое соединение.

Что такое ресурс

Кусочки информации в вебе называются ресурсами:

  • Веб-страница – это ресурс;
  • Картинка, которая хранится на сервере – это тоже ресурс.

У каждого ресурса есть уникальный идентификатор – URL.

Браузер обращается к серверу, открывает сетевое соединение, отправляет идентификатор ресурса (имя ресурса, которое он хочет получить), веб-сервер возвращает через это же соединение ему этот ресурс.

Иными словами, происходит запрос – происходит ответ. После чего сетевое соединение закрывается.

Идея очень простая.

Браузер – это программа для просмотра ресурсов. Ресурсы бывают разными, например, html-странички. Браузер получает этот ресурс и пытается отобразить по определенным правилам.

Если есть текст – он отображает текст, если это картинка, он отображает картинку, гиперссылку и т. далее.

Один ресурс может содержать в себе другие. Например, вы загружаете веб-страницу, она может содержать в себе картинки.

В таком случае, браузер проанализирует страницу, поймет, что она содержит в себе картинки, их идентификаторы и ссылки (URL), после этого он запросит с веб-сервера недостающие ему ресурсы. И когда все ресурсы будут загружены, браузер может целиком отобразить страницу.

Это цикл работы веб-приложений. После того, как пользователь делает какое-то действие, цикл повторяется.

К примеру, пользователь нажимает на ссылку переходит на другую страницу, браузер все действия повторяет.

Как это происходит более подробно, или с чего все начинается?

Пользователь вбивает в адресной строке некоторые слова, как правило, это доменное имя (mail.ru, вконтакте). Первое что нужно сделать – это преобразовать доменное имя в IP-адрес.

Система DNS

Каждая машина (компьютер) сети интернет имеют уникальную адресацию. Адрес каждой машины называют IP-адресом, который представляется в виде набора чисел.

Сейчас существует две версии айпи-адресов:

IP в версии 4, состоящие из 4-х байт и IP версии 6. Понятно, что запоминать все IP-адреса, всех веб-серверов – это не реально, поэтому для этого используется система DNS – распределённая база данных, которая хранит в себе отображение имён на IP-адреса.

Распределённая она по причине того, что все записи хранить в одной машине невозможно, слишком большая нагрузка и объём данных.

Поэтому система DNS иерархическая. Все доменные имена разделены точками. Самая правая часть – это домен верхнего уровня.

Какая-то группа машин, которая называется корневыми серверами DNS, хранит информацию о доменах верхнего уровня:

.ru – Россия
.de – Германия
.kz — Казахстан

Как работает веб-сайт

Браузер вначале обращается именно к этим DNS-серверам, эти машины уже отправляют его туда, где хранятся DNS-сервера более низкого уровня (mail.ru).

Браузер по очереди, с помощью какой-то библиотеки, опрашивает все сервера и в конечном итоге находит сервер, который выдает ему нужный IP-адрес.

Другими словами, система DNS преобразует доменное имя понятное и запоминаемое в IP-адрес.

Что происходит после того, как браузер получил IP-адрес?

Он устанавливает сетевое соединение. В свою очередь, сетевое соединение (IP-соединение) для браузера выглядит фактически как файл, в который он может что-то записать и с которым может что-то прочитать, называется socket.

Браузер открывает socket, который устанавливает сетевое соединение с удаленной машиной. Далее, по этому сокету передает какой-то запрос и получает ответ.

В каком формате передавать запрос?

Протокол передачи данных

Протоколов передачи данных множество. Для повсеместной работы в основном используются два вида протокола:

HTTP (англ. «протокол передачи гипертекста») — сетевой протокол верхнего уровня для передачи гипертекстовых и произвольных данных в интернете.

При помощи HTTP браузер получает данные от веб-серверов и может отображать их в понятном виде. Точно также происходит и обратный процесс — отправку пользовательских данных обратно, на сервер (например, при регистрации).

HTTPS (HyperText Transfer Protocol Secure) – это расширенный HTTP – протокол, поддерживающий шифрование.

Более подробно об этих протоколах можно узнать в документации microsoft

Поисковые системы, в первую очередь, отдают предпочтения сайтам с протоколом HTTPS (https://starting-constructor.ru).

Еще по теме: Ошибка протокола https в wordpress

Как работает веб – сайт созданный на cms

Сайт, на котором часто обновляется информация, требует мобильного управления.

Страницы, которые часто изменяются, называются динамическими и для создания динамических страниц необходим движок, или говоря современным языком, система управления содержимым (Content Management System, CMS).

Именно движок формирует веб-страницы в соответствии с запросами пользователя.

В CMS-системах есть два интерфейса:
пользовательский и администраторский.

Пользовательский — сторона сайта, которую видят пользователи.

Администраторский — внутренняя сторона сайта, доступ к которой выдает администратор.

Все управление сайтом производится из администраторского раздела: добавление страниц, статей, различных модулей, управление пользователями, рассылками, баннерами, созданием ссылок, авторизации и многое другое.

Чтобы добавить информацию в CMS, особых знаний не требуется. Редактирования текста производится WYSIWYG-редактором, напоминающим Word. Система сама сохраняет загруженные файлы в нужном месте и при необходимости переименовывает их, а все настройки устанавливаются с помощью простого и понятного графического интерфейса.

Для тех, кто имеет небольшие познания в области программирования и веб-верстки, есть возможность применить их для редактирования и ручной правки html-кода cms-системы, а также написания собственных модулей, тем и стилей.

В cms это возможно, так как исходный код открыт для редактирования.

Сервер глазами администратора

Для работы CMS необходимо, чтобы на сервере было установлено соответствующее программное обеспечение.

Большинство CMS-систем написано на языке программирования (php), если это так, то на сервере должна быть установлена соответствующая среда исполнения (интерпретатор php) и система управления базами данных (СУБД), которая будет хранить все настройки и элементы содержимого сайта.

Так же, необходим веб-сервер – программа, принимающая запросы пользователей, запускающая CMS и передающая обратно готовые веб-страницы.

Для системы управления содержимым в конечном счете безразлично, какая операционная система установлена на сервере.

Конечно, современные движки (CMS) – это не панацея, есть и другие способы создания сайтов, но это самый популярный, быстрый и простой способ создать достойный проект.

Как работает веб-сайт можно протестировать прямо на компьютере, не покупая хостинг и доменное имя. Для этих целей существует как минимум, десяток локальных серверов, имеющих похожий функционал как на удаленном хостинге.

Подробнее: Openserver установка и настройка

Заключение

Подробные технические моменты как работает веб-сайт в большей степени, пригодятся для создания приложений. С позиции простого пользователя самым удобным и доступным является способ создания проектов на cms — системах, не требующих знаний языков программирования.

В них уже все есть для нормальной работы современного сайта.

Оставьте комментарий

Ваш адрес email не будет опубликован.

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: