Веб-приложение

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

Объясните простыми словами, пожалуйста!

Повара-сервера ждут запросов от клиентов

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

В ресторан приходят гости — клиенты. Они размещаются в зале для гостей — этот зал еще называют «фротненд веб-приложения». Гостей не пускают на кухню-серверную или в «бекенд веб-приложения», чтобы они не крали продукты из холодильника и не смущали роботов-поваров. Кстати холодильник с продуктами — это аналог базы данных. Программы-повара извлекают оттуда данные-продукты и обрабатывают-готовят их.

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

http://веб-ресторан.com/хочу-пожрать/обед/?борщ=1&пюрешка=1&котлетка=2

Хотя можно ничего и не печатать а просто кликнуть по ссылке в Меню блюд — результат будет примерно тот же.

Что происходит дальше: HTTP-официант записывает ваш запрос на листочке и бежит на кухню. Если официант хороший, то он кладет листочек с запросом в зашифрованный карман, чтобы никто другой не узнал, что вы заказали. Таких надежных официантов еще зовут HTTPS (s = секьюрный).

Итак официант прибегает на кухню и передает записку одному из поваров - Веб Серверчеву Апачеву (на время отпуска его часто подменяет Веб Серверчев Энжинксов). Тот примерно знает, что повара умеют готовить, а что нет. Если в заказе от клиента есть дичь, а дичь на кухне отсутствует в принципе. Веб-сервер сразу ответит ошибкой 404 Дичь Not Found, а грустный официант побежит передавать ответ клиенту.

Если заказ клиента корректный, то повар Шеф-движок-приложения принимает запрос, и повара-сервера принимаются за работу. Они достают продукты-данные из холодильника-данных, начинают их нарезать и готовить. В процессе они могут перекидывать данные между собой, так как у каждого повара есть своя специализация. HTTP официант не уходит из кухни пока не получит ответ — готовое блюдо. Хорошо что обычно готовка занимает доли секунды и клиенту не нужно долго ждать. Приготовленную еду доставляет клиенту радостный официант в HTML тарелках, приговаривая 200 OK Приятного аппетита

Но что это? Похоже в ресторан зашел странный клиент в капюшоне и заказывает странное блюдо:

http://веб-ресторан.com/хочу-пожрать/пожарьте-мне/?спец-заказ=газовый-балон

Заказ прошел проверку у Веб Серверчева и передан Шефу. Шеф-повар почесал затылок, потом осмотрел кухню, нашел газовый балон и начал его жарить! Как результат балон взорвался, уничтожил холодильник с продуктами и поджег несколько поваров. HTTP-официант в панике убежал, крича всем клиентам 503 Кухня Unavailable. На место пожара срочно выехали пожарные системные администраторы. Они потушили горящих поваров и дали втык владельцу ресторана за нарушение правил пожарной валидации. Оказывается, у программ-поваров не было инструкции, что газовые балоны жарить нельзя. А продукты из холодильника оказались безвозвратно потеряны, так как владелец ресторана экономил на бэкапах.

Ресторан пришлось закрыть на несколько дней, посетители остались злые и голодные.

А если серьезно

Что в них хорошего

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

• Не требуют предварительной установки.
• Одинаково работают на устройствах любого типа и в любых операционных системах.
• Безопасны для использования, так как не имеют прямого доступа к файлам на вашем устройстве.
• Могут сохранять данные на удаленном сервере. Вы можете сменить устройство «на ходу» и продолжить работу.
• Сложные вычисления могут быстро выполняться на удаленном сервере

Что в них плохого

Есть и весомые недостатки:

• Не работают без интернета.
• Функциональность строго ограничена возможностями браузера и веб-технологиями.
• Могут быть не доступны в нужный момент из-за сбоя на стороне серверов.
• Владельцы веб-приложений могут отслеживать вашу активность и делиться данными с рекламодателями.
• Злоумышленники могут взломать сервера веб-приложения и похитить ваши данные.

Как использовать веб-приложения безопасно

Следование этим правилам, поможет избежать неприятностей:

• Всегда используйте последнюю версию браузера. Не отключайте автообновление вашего браузера.
• При регистрации используйте надежные и уникальные пароли.
• Проверьте что в адресной строке есть значок замочка. Это гарантирует, что ваши данные не могут быть похищены злоумышленниками при передаче по сети.
• Остерегайтесь сайтов подделок, внешне копирующих всем известные. Перепроверяйте название сайта в адресной строке перед вводом секретных или персональных данных.
• Не открывайте скаченные файлы без проверки антивирусом. Если у вас нет антивируса, воспользуйтесь бесплатным сервисом проверки отдельных файлов: https://www.virustotal.com/

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

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

Примеры функционала веб-приложения:

• Сбор и хранение данных пользователя на стороне сервера.
• Авторизация пользователей (для безопасного доступа к пользовательским данным).
• Взаимодействие с базами данных (например, каталог товаров).
• Проведение платежей для онлайн покупок.
• Отправка электронных писем и других уведомлений.

Как работает веб-приложение

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

1. Пользователь — это вы.
2. Вы работаете в программе веб-браузер, установленной на вашем устройстве — настольном компьютере или смартфоне.
3. Ваше устройство должно быть подключено к интернету.
4. Сеть интернет — обеспечивает обмен данными между вашим устройством и удаленным.
5. Удаленные устройства — это сервера в дата-центре
6. На удаленных устройствах установлены программы веб-сервер и другие серверные программы.

Сама работа веб-приложения заключается в обмене данными:

1. Вы выполняете какие-то действия в вашем веб-браузере, например переход по ссылке или заполнение формы.
2. Ваш браузер собирает данные, формирует HTTP-запрос, и отправляет веб-серверу.
3. Программа веб-сервер, принимает запрос и передает предварительно обработанные данные другим серверным программам
4. Серверные программы обработали данные запроса и сформировали данные ответа.
5. Программа Веб-сервер возвращает HTTP-ответ вашему браузеру.
6. Веб-браузер на вашем устройстве отображает результат, обычно в виде веб-страницы.