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

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

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

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

В большинстве случаев пользователи не имеют или имеют ограниченное взаимодействие с сайтом. Под «ограниченным» имеется ввиду форма подписки и поиск по сайту.

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

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

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

Ключевое отличие хорошо демонстрирует следующая картинка:

КАКИЕ БЫВАЮТ ВЕБ-ПРИЛОЖЕНИЯ

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

Backend (бэкенд или серверная часть приложения) работает на удаленном компьютере, который может находиться где угодно. Она может быть написана на разных языках программирования: PHP, Python, Ruby, C# и других. Если создавать приложение используя только серверную часть, то в результате любых переходов между разделами, отправок форм, обновления данных, сервером будет генерироваться новый HTML-файл и страница в браузере будет перезагружаться.

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

Single page application (SPA или одностраничное приложение). Более интересный вариант, когда используются и бэкенд и фронтенд. С помощью их взаимодействия можно создать приложение, которое будет работать совсем без перезагрузок страницы в браузере. Или в упрощенном варианте, когда переходы между разделами вызывают перезагрузки, но любые действия в разделе обходятся без них.

В данном разделе рассматриваются технологии, позволяющие создавать веб-приложения, выполняющиеся на стороне клиента (JavaScript, Java-апплеты), так и на стороне сервера (Java-сервлеты).

Ко всем программам, которые передаются с сервера на клиент-машины и запускаются на выполнение, предъявляется одно общее требование: эти программы должны быть лишены возможности обращаться к ресурсам компьютера, на котором они выполняются.

Такое требование вполне обосновано. Ведь передача по сети и запуск сценариев JS и Java-апплетов происходит автоматически без участия пользователя, поэтому работа этих программ должна быть абсолютно безопасной для компьютера. Другими словами, языки, предназначенные для создания программ, выполняющихся на клиент-машине, должны быть абсолютно непригодны для написания вирусов и подобных программ.

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

JS предназначен для написания сценариев для активных HTML страниц. Не предназначен для создания автономных приложений. Программа на JS встраивается непосредственно в исходный текст HTML документа и интерпретируется браузером по мере загрузки этого документа. С помощью JS можно создать динамически обновляемый контент, игры, анимированную 2D и 3D графику, управлять мультимедиа.

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