169
правок
Веб-приложение: различия между версиями
Убрал лишние картинки
AE (обсуждение | вклад) (Веб-приложение. Начало) |
AE (обсуждение | вклад) (Убрал лишние картинки) |
||
| (не показано 16 промежуточных версий этого же участника) | |||
| Строка 1: | Строка 1: | ||
Веб-приложение — это приложение (прикладная компьютерная программа), с которой пользователь взаимодействует через веб-браузер. | Веб-приложение — это приложение (прикладная [[компьютерная программа]]), с которой пользователь взаимодействует через веб-браузер. | ||
== | == Объясните простыми словами, пожалуйста == | ||
[[File: The Kitchen at Delmonico's, 1902.JPG|thumb|200px|Повара-сервера ждут запросов от клиентов]] | |||
Представьте, что веб-приложение — это необычный ресторан, где на кухне вместо людей трудятся специальные роботы-повара — серверные программы. Эти программы создал или нанял (то есть взял часть готовыми) владелец ресторана — веб-разработчик. | |||
В ресторан приходят гости — клиенты. Они размещаются в красивом и уютном зале для гостей, этот зал еще называют «фронтенд веб-приложения». Гостей не пускают на кухню-серверную или в «бэкенд веб-приложения», чтобы они не крали продукты из холодильника и не смущали роботов-поваров. Кстати, холодильник с продуктами — это аналог базы данных. Программы-повара извлекают оттуда данные-продукты и обрабатывают-готовят их. | |||
Но как же клиент закажет себе еду, если ему нельзя на кухню? На помощь приходит HTTP-официант. Вы подзываете его, набирая в адресной строке браузера: | |||
<code><nowiki>http://веб-ресторан.com/заказ/бизнес-ланч/?борщ=1&пюрешка=1&котлетка=2</nowiki></code> | |||
Хотя можно ничего и не печатать, а просто кликнуть по ссылке в Меню блюд — результат будет примерно тот же. | |||
Что происходит дальше: HTTP-официант записывает ваш запрос на листочке и бежит на кухню по сети [[интернет]]. Если официант хороший, то он кладет листочек с запросом в зашифрованный карман, чтобы никто другой не узнал, что вы заказали. Таких надежных официантов еще зовут HTTP'''S''' (s = секьюрный). | |||
Итак, официант прибегает на кухню и передает записку одному из поваров — Вебсерверу Энжинксовичу Апачеву. Тот примерно знает, что повара умеют готовить, а что нет. Если в заказе от клиента написана дичь, а дичь на кухне отсутствует в принципе, то Веб-сервер сразу ответит ошибкой <code>404 Дичь Not Found</code>, а грустный официант побежит обратно передавать ответ клиенту. | |||
Если заказ клиента корректный, то главный повар Шеф Движокович Приложеньев принимает запрос, и все повара-сервера принимаются за работу. Они достают продукты-данные из холодильника-данных, начинают их нарезать и готовить. В процессе они могут перекидывать данные между собой, так как у каждого повара есть своя специализация. HTTP-официант не уходит из кухни, пока не получит ответ — готовое блюдо. Хорошо, что обычно готовка занимает доли секунды, и клиенту не нужно долго ждать. Приготовленную еду доставляет клиенту радостный официант в HTML-тарелках, приговаривая <code>200 OK Приятного аппетита!</code> | |||
Но что это? Похоже в ресторан зашел странный клиент в капюшоне и заказывает странное блюдо: | |||
<code><nowiki>http://веб-ресторан.com/спец-заказ/пожарьте-мне/?газовый-балон=1</nowiki></code> | |||
Злоумышленники могут взломать сервера веб-приложения и похитить ваши | Заказ прошел проверку у Вебсервера и был передан Шефу. Шеф-повар почесал затылок, потом осмотрел кухню, нашел газовый балон и начал его жарить! Как результат балон взорвался, уничтожил холодильник с продуктами и поджег несколько поваров. HTTP-официант в панике выбежал, крича всем клиентам <code>503 Кухня Unavailable</code>. На место пожара срочно выехали пожарные системные администраторы. Они потушили горящих поваров и дали втык владельцу ресторана за нарушение правил пожарной валидации. Оказывается, у программ-поваров не было инструкции, что газовые балоны жарить нельзя. А вот продукты из холодильника оказались безвозвратно потеряны, так как владелец ресторана экономил на бэкапах. | ||
Ресторан пришлось закрыть на несколько дней, а посетители остались злые и голодные. | |||
'''Важно!''' Не скачивайте файлы-на-вынос в сомнительных веб-забегаловках. При попытке «употребить» такие файлы можно отравиться или заразиться кишечно-компьютерным вирусом. | |||
== А если серьезно == | |||
=== Что в них хорошего === | |||
В сравнении с классическими приложениями для настольных компьютеров и мобильными приложениями: | |||
* Не требуют предварительной установки. | |||
* Одинаково работают на устройствах любого типа и в любых операционных системах. | |||
* Безопасны для использования, так как не имеют прямого доступа к файлам на вашем устройстве. | |||
* Могут сохранять данные на удаленном сервере. Вы можете сменить устройство «на ходу» и продолжить работу. | |||
* Сложные вычисления могут быстро выполняться на удаленном сервере | |||
=== Что в них плохого === | |||
Есть и весомые недостатки: | |||
* Не работают без интернета. | |||
* Функциональность строго ограничена возможностями браузера и веб-технологиями. | |||
* Могут быть не доступны в нужный момент из-за сбоя на стороне серверов. | |||
* Владельцы веб-приложений могут отслеживать вашу активность и делиться данными с рекламодателями. | |||
* Злоумышленники могут взломать сервера веб-приложения и похитить ваши данные. | |||
=== Как использовать веб-приложения безопасно === | |||
Следование этим правилам, поможет избежать неприятностей: | |||
* Всегда используйте последнюю версию браузера. Не отключайте автообновление вашего браузера. | |||
* При регистрации используйте надежные и уникальные пароли. | |||
* Проверьте что в адресной строке есть значок замочка. Это гарантирует, что ваши данные не могут быть похищены злоумышленниками при передаче по сети. | |||
* Остерегайтесь сайтов подделок, внешне копирующих всем известные. Перепроверяйте название сайта в адресной строке перед вводом секретных или персональных данных. | |||
* Не открывайте скаченные файлы без проверки антивирусом. Если у вас нет антивируса, воспользуйтесь бесплатным сервисом проверки отдельных файлов: https://www.virustotal.com/ | |||
=== Чем отличается веб-сайт от веб-приложения === | |||
Веб-сайт решает только задачу информирования пользователя. Как только появляется дополнительный функционал — сайт становится веб-приложением. | |||
Примеры функционала веб-приложения: | |||
* Сбор и хранение данных пользователя на стороне сервера. | |||
* Авторизация пользователей (для безопасного доступа к пользовательским данным). | |||
* Взаимодействие с базами данных (например, каталог товаров). | |||
* Проведение платежей для онлайн покупок. | |||
* Отправка электронных писем и других уведомлений. | |||
=== Как работает веб-приложение === | |||
При работе веб-приложения задействовано '''несколько устройств''' и <code>различных вспомогательных программ</code>. | |||
# Пользователь — это вы. | |||
# Вы работаете в программе <code>веб-браузер</code>, установленной на вашем устройстве — настольном компьютере или смартфоне. | |||
# '''Ваше устройство''' должно быть подключено к интернету. | |||
# Сеть интернет — обеспечивает обмен данными между вашим устройством и удаленным. | |||
# '''Удаленные устройства''' — это сервера в дата-центре | |||
# На удаленных устройствах установлены программы <code>веб-сервер</code> и другие <code>серверные программы</code>. | |||
Сама работа веб-приложения заключается в обмене данными: | |||
# Вы выполняете какие-то действия в вашем <code>веб-браузере</code>, например переход по ссылке или заполнение формы. | |||
# Ваш браузер собирает данные, формирует HTTP-запрос, и отправляет веб-серверу. | |||
# Программа <code>веб-сервер</code>, принимает запрос и передает предварительно обработанные данные другим <code>серверным программам</code> | |||
# Серверные программы обработали данные запроса и сформировали данные ответа. | |||
# Программа Веб-сервер возвращает HTTP-ответ вашему браузеру. | |||
# Веб-браузер на вашем устройстве отображает результат, обычно в виде веб-страницы. | |||
[[Категория:Информационные технологии]] | |||