Что значит web версия

Что значит web версия

Многие начинающие пользователи сети интернет, часто заблуждаются думая, что веб (web) или всемирная паутина это и есть сеть Internet. На самом деле, все далеко не так, как кажется на первый взгляд. Интернет является гораздо более широким понятием, включающем в себя, в том числе и веб или WWW. Давайте разберемся более подробно, что такое веб на самом деле.

Веб, web, всемирная паутина, WWW (World Wide Web) это разные названия одного и того же. Представляет собой систему взаимосвязанных гипертекстовых документов (веб-сайтов) расположенных на компьютерах по всему миру, подключенных к глобальной сети интернет. Другими словами то, что большинство людей в обиходе называют интернетом, на самом деле является всемирной паутиной или World Wide Web.

Как устроен веб

Отцом основателем World Wide Web считается Тимоти Джон Бернерс-Ли работавший в Европейском совете по ядерным исследованиям (CERN) и придумавший в 1989 году базовые основы всемирной паутины: протокол HTTP, язык HTML на основе гипертекстовой разметки документа и идентификаторы URI. Применение этих технологий сделало информацию общедоступной в не зависимости от аппаратного и программного обеспечения.

HTTP (HyperText Transfer Prоtocоl) — протокол передачи данных по схеме «запрос-ответ». Данные хранятся на веб-сервере, клиент делает запрос на сервер и получает обработанный результат запроса. Обычно в виде HTML страницы в браузере.

HTML (HyperText Markup Language) — стандартный язык составления гипертекстовых документов (страниц) в сети интернет. Представляет собой набор определенных правил и тегов для придания тексту определенной структуры и оформления. Наряду с CSS определяет внешний вид страницы в браузере. Посмотреть HTML страницы можно нажав в браузере комбинацию клавиш Ctrl + U или через меню.

IP-адрес (Internet Protocol Address) — сетевой адрес узла в компьютерных сетях в «машинном» формате, позволяет находить и устанавливать соединение с нужным компьютером. Можно сказать аналог обычного почтового адреса.

Доменное имя (Domain Name) — используется для обозначения областей или отдельных веб-сайтов в привычном для человека виде с помощью символьной записи. В некоторых случаях служит полным аналогом сетевого адреса. В данном случае домен равен beginpc.ru

URI (Uniform Resource Identifier) — глобальный унифицированный идентификатор ресурса. В сети интернет применяется частный случай URI: URL — (Uniform Resource Locator), который кроме идентификации дает сведения о местонахождении ресурса. Позволяет однозначно указать требуемый ресурс, например: сайт, отдельную страницу или конкретный файл на этой странице. Представляет собой символьную запись, которую вы видите в адресной строке браузера. Например, URL этой страницы: http://www.beginpc.ru/internet/chto-takoe-web

Веб-сервер — компьютер и/или программное обеспечение, установленное на компьютере, подключенном к сети internet и обрабатывающее HTTP запросы пользователей и дающее им в ответ информацию с помощью HTTP ответов. Все сайты хранятся на веб-серверах и выдаются на экран компьютера по требованию пользователя.

DNS-сервер (Domain Name System server) — служит для сопоставления ip-адресов соответствующим им доменам. Именно благодаря их работе, мы можем вводить в адресную строку браузера URL в удобном текстовом виде, а не ip-адреса.

Браузер (Web browser) — программа для просмотра сайтов написанных на языке гипертекста, сейчас вы используете браузер: Он преобразует страницу, созданную на основе HTML в графический вид и выводит на монитор. Вводя в адресную строку браузера URL сайта, вы тем самым делаете запрос на веб-сервер по HTTP протоколу и получаете запрошенную информацию на своем мониторе. Среди наиболее распространенных браузеров на сегодняшний день можно отметить следующие: Internet Explorer, Mozilla Firefox, Chrome, Opera, Safari.

Веб-сайт (website) — совокупность HTML страниц и других электронных документов, имеющих общий дизайн, взаимосвязанных гиперссылками и расположенных на одном доменном имени. Например, вы сейчас читаете эту статью, расположенную на сайте www.beginpc.ru.

Другими словами, веб — это глобальная совокупность сайтов расположенных на веб-серверах в сети internet и работающих в режиме 24/7. Именно с момента появления WWW и графических браузеров популярность интернета среди простых людей начинает расти лавинообразно. Появляется огромное количество сайтов и новых пользователей по всему миру. Со временем, популярность веба становится так велика, что в сознание многих людей он становится тождественен интернету, хотя сеть появилась на 20 лет раньше.

Читайте также:  Комп не видит подключённый диск

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

Возникает вопрос, кто владеет всем этим богатством и управляет им. Ответ несколько парадоксален для сегодняшнего мира, никто. Всемирная паутина, как часть глобальной сети интернет не имеет конкретного владельца или управляющего центра. У каждого веб-сервера, сайта, провайдера есть свой владелец. Фактически это добровольное объединение разрозненных серверов и сетей на общих стандартах обмена информацией.

С 1994 года разработкой технологических стандартов и путей развития всемирной паутины занимается некоммерческая организация World Wide Web Consortium (W3C) возглавляемая Тимоти Джон Бернерс-Ли. Разрабатываемые ей рекомендации являются необязательными к исполнению, однако они обеспечивают независимость от аппаратного и программного обеспечения отдельных компаний, обеспечивая взаимную совместимость и единообразность представления информации. Все серьезные разработчики стараются соблюдать их.

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

Возможно, вы слышали термин «Web 2.0» применительно к всемирной паутине. Точного определения не существует, однако обычно под ним понимается активное привлечение пользователей к наполнению и модернизации информации на веб сайте. Сюда можно отнести различные социальные сети, форумы, блоги, wiki и другие сайты и сервисы, где роль человека не ограничивается простым чтением информации.

На этом мы закончим наш краткий рассказ, что такое веб и чем он отличается от интернета. Всемирная паутина стремительно развивается, постоянно появляются новые возможности и сервисы, вчера казавшиеся невозможными. Какие новые возможности преподнесет нам веб завтра точно не известно, но точно будет интересно.

1. Чем веб-приложения отличаются от сайтов

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

Сайты содержат различную статику, которая как и HTML-файл не генерируется на лету. Чаще всего это картинки, CSS-файлы, JS-скрипты, но могут быть и любые другие файлы: mp3, mov, csv, pdf.

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

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

2. Какие бывают веб-приложения

Веб-приложения можно разделить на несколько типов, в зависимости от разных сочетаний его основных составляющих:

  1. Backend (бэкенд или серверная часть приложения) работает на удаленном компьютере, который может находиться где угодно. Она может быть написана на разных языках программирования: PHP, Python, Ruby, C# и других. Если создавать приложение используя только серверную часть, то в результате любых переходов между разделами, отправок форм, обновления данных, сервером будет генерироваться новый HTML-файл и страница в браузере будет перезагружаться.
  2. Frontend (фронтенд или клиентская часть приложения) выполняется в браузере пользователя. Эта часть написана на языке программирования Javascript. Приложение может состоять только из клиентской части, если не требуется хранить данные пользователя дольше одной сессии. Это могут быть, например, фоторедакторы или простые игрушки.
  3. Single page application (SPA или одностраничное приложение). Более интересный вариант, когда используются и бэкенд и фронтенд. С помощью их взаимодействия можно создать приложение, которое будет работать совсем без перезагрузок страницы в браузере. Или в упрощенном варианте, когда переходы между разделами вызывают перезагрузки, но любые действия в разделе обходятся без них.

3. Pyhon-фреймворк Django aka бэкенд

В разработке фреймворк — это набор готовых библиотек и инструментов, которые помогают создавать веб-приложения. Для примера опишу принцип работы фреймворка Django, написанного на языке программирования Python.

Читайте также:  Чем можно покрасить телефон в домашних условиях

Первым этапом запрос от пользователя попадает в роутер (URL dispatcher), который решает какую функцию для обработки запроса надо вызвать. Решение принимается на основе списка правил, состоящих из регулярного выражения и названия функции: если такой-то урл, то вот такая функция.

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

Данные приложения хранятся в базе данных (БД). Чаще всего используются реляционные БД. Это когда есть таблицы с заранее заданными колонками и эти таблицы связаны между собой через одну из колонок.

Данные в БД можно создавать, читать, изменять и удалять. Иногда для обозначения этих действий можно встретить аббревиатуру CRUD (Create Read Update Delete). Для запроса к данным в БД используется специальный язык SQL (structured query language).

В Джанго для работы с БД используются модели (model). Они позволяют описывать таблицы и делать запросы на привычном разработчику питоне, что гораздо удобнее. За это удобство приходится платить: такие запросы медленнее и ограничены в возможностях по сравнению с использованием чистого SQL.

Полученные из БД данные подготавливаются во вью к отправке на фронт. Они могут быть подставлены в шаблон (template) и отправлены в виде HTML-файла. Но в случае одностраничного приложения это происходит всего один раз, когда генерируется HTML-страница, на который подключаются все JS-скрипты. В остальных случаях данные сериализуются и отправляются в JSON-формате.

4. Javascript-фреймворки aka фронтенд

Клиентская часть приложения — это скрипты, написанные на языке программирования Javascript (JS) и исполняемые в браузере пользователя. Раньше вся клиентская логика основывалась на использовании библиотеки JQuery, которая позволяет работать с DOM, анимацией на странице и делать AJAX запросы.

DOM (document object model) — это структура HTML-страницы. Работа с DOM — это поиск, добавление, изменение, перемещеие и удаление HTML-тегов.

AJAX (asynchronous javascript and XML) — это общее название для технологий, которые позволяют делать асинхронные (без перезагрузки страницы) запросы к серверу и обмениваться данными. Так как клиентская и серверная части веб-приложения написаны на разных языках программирования, то для обмена информацией необходимо преобразовывать структуры данных (например, списки и словари), в которых она хранится, в JSON-формат.

JSON (JavaScript Object Notation) — это универсальный формат для обмена данными между клиентом и сервером. Он представляет собой простую строку, которая может быть использована в любом языке программирования.

Сериализация — это преобразование списка или словаря в JSON-строку. Для примера:

Десериализация — это обратное преобразование строки в список или словарь.

С помощью манипуляций с DOM можно полностью управлять содержимым страниц. С помощью AJAX можно обмениваться данными между клиентом и сервером. С этими технологиями уже можно создать SPA. Но при создании сложного приложения код фронтенда, основанного на JQuery, быстро становится запутанным и трудно поддерживаемым.

К счастью, на смену JQuery пришли Javascript-фреймворки: Backbone Marionette, Angular, React, Vue и другие. У них разная философия и синтаксис, но все они позволяют с гораздо большим удобством управлять данными на фронтенде, имеют шаблонизаторы и инструменты для создания навигации между страницами.

HTML-шаблон — это «умная» HTML-страница, в которой вместо конкретных значений используются переменные и доступны различные операторы: if, цикл for и другие. Процесс получения HTML-страницы из шаблона, когда подставляются переменные и применяются операторы, называется рендерингом шаблона.

Полученная в результате рендеринга страница показывается пользователю. Переход в другой раздел в SPA это применение другого шаблона. Если необходимо использовать в шаблоне другие данные, то они запрашиваются у сервера. Все отправки форм с данными это AJAX запросы на сервер.

5. Как клиент и сервер общаются между собой

Общение клиента с сервером происходит по протоколу HTTP. Основа этого протокола — это запрос от клиента к серверу и ответ сервера клиенту.

Читайте также:  Почему электронная почта не отправляет письма

Для запросов обычно используют методы GET, если мы хотим получить данные, и POST, если мы хотим изменить данные. Еще в запросе указывается Host (домен сайта), тело запроса (если это POST-запрос) и много дополнительной технической информации.

Современные веб-приложения используют протокол HTTPS, расширенную версию HTTP с поддержкой шифрования SSL/TLS. Использование шифрованного канала передачи данных, независимо от важности этих данных, стало хорошим тоном в интернете.

Есть еще один запрос, который делается перед HTTP. Это DNS (domain name system) запроc. Он нужен для получения ip-адреса, к которому привязан запрашиваемый домен. Эта информация сохраняется в браузере и мы больше не тратим на это время.

Когда запрос от браузера доходит до сервера, он не сразу попадает в Джанго. Сначала его обрабатывает веб-сервер Nginx. Если запрашивается статический файл (например, картинка), то сам Nginx его отправляет в ответ клиенту. Если запрос не к статике, то Nginx должен проксировать (передать) его в Джанго.

К сожалению, он этого не умеет. Поэтому используется еще одна программа-прослойка — сервер приложений. Например для приложений на питоне, это могут быть uWSGI или Gunicorn. И вот уже они передают запрос в Джанго.

После того как Джанго обработал запрос, он возвращает ответ c HTML-страницей или данными, и код ответа. Если все хорошо, то код ответа — 200; если страница не найдена, то — 404; если произошла ошибка и сервер не смог обработать запрос, то — 500. Это самые часто встречающиеся коды.

6. Кэширование в веб-приложениях

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

Cache — это концепция в разработке, когда часто используемые данные, вместо того чтобы их каждый раз доставать из БД, вычислять или подготавливать иным способом, сохраняются в быстро доступном месте. Несколько примеров использования кэша:

  • В Джанго пришел запрос на получение данных для графика в отчете. Мы достаем из БД данные, подготавливаем их и кладем в БД с быстрым доступом, например, memcached на 1 час. При следующем запросе мы сразу достанем их из memcached и отправим на фронтенд. Если мы узнаём, что данные перестали быть актуальными, мы их инвалидируем (удаляем из кэша).
  • Для кэширования статических файлов используются CDN (content delivery network) провайдеры. Это серверы, расположенные по всему миру и оптимизированные для раздачи статики. Иногда бывает эффективнее положить картинки, видео, JS-скрипты на CDN вместо своего сервера.
  • Во всех браузерах по умолчанию включено кэширование статических файлов. Благодаря этому, открывая сайт не в первый раз, все загружается заметно быстрее. Минус для разработчика в том, что со включенным кэшем не всегда сразу видны изменения сделанные в коде.

15.08.2019 10,136 Просмотры

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

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

Для начала пользования достаточно получить в любом отделении Сбербанка банковскую карту и попросить менеджера подключить сервис Мобильного банка. После этого, клиенту банка потребуется всего лишь зарегистрироваться в личном кабинете, получить логин и пароль, и пользоваться открывающимися перспективами в свое удовольствие.

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

Ссылка на основную публикацию
Читы для вар тандер на орлы
Данный чит носит название Орлы чит для War Thunder 3.0. Это обновление для игры вышло совсем недавно, но для него...
Хрипит динамик в машине причины
Атмосфера в салоне автомобиля во многом зависит от работы акустической системы. В бюджетных машинах штатная магнитола и динамики оставляют желать...
Хром видео не на весь экран
БлогNot. Chrome 33 перестал показывать YouTube в полный экран. Chrome 33 перестал показывать YouTube в полный экран. Видел такой запрос....
Что больше мегабит или килобит
В эпоху оптоволокна и накопителей объемом в десятки терабайт считать в битах не принято. Мы бы совсем забыли, чем отличается...
Adblock detector