В этой статье мы разберём что такое разработка spa приложений и в целом, в чём различие между обычным WEB приложением и SPA.
Также можете посмотреть статью «Что такое интернет и web», думаю она вам будет интересна.
Что такое SPA приложения:
SPA сокращение от «Single Page Application» или на русском «Одностраничное приложение», то есть, весь вывод и всё происходит в одном HTML документе, как правило для получение данных от сервера используются AJAX запросы.
Весь рендеринг происходит за счёт динамического HTML, CSS и JavaScript, обычно зависимо от URL в браузере и происходит рендеринг нужного контента, но ещё и от других данных тоже, например, кнопка авторизация пользователя, если пользователь авторизован, то её не будет.
Ещё очень интересная особенность в том, что такой тип WEB приложений нельзя различить от нативных, единственное, всё работает в браузере.
Это были ключевые принципы SPA приложений.
Различие между SPA и MPA:
Теперь рассмотрим основные различие между SPA и MPA,
WEB приложениями.
Примечание:
MPA — Это сокращение от «Multi Page application», то есть обычное многостраничное WEB приложение.
Главное различие уже понятно, в том что в одном случае обрабатывается всё в одном файле, а в другом в разных, самое главное преимущество первого заключается в том, что за счёт взаимодействие с сервером происходит через AJAX.
Поэтому сервер быстрее отправляет данный, так как не нужно отправлять целую страницу, а только данные контента, ну и это разгружает его, меньше производительности тратится, что очень важно.
Плюсы и минусы:
Последние что мы разберём, так это какие есть плюcы и минусы в разработке и использование подобных приложений.
Плюcы:
- Доступность — За счёт своей скорости работы, будет работать нормально на все устройствах и при любом объёме данных, и если вы поймёте работу с RestAPI, то и разрабатывать тоже будет легко;
- Скорость — Как говорилось выше, у SPA высокая скорость работы;
- Простота разработки — За счёт доступных фреймворков, таких как Vue.js или React.js, которые упрощают создание проекта, разработка достаточна лёгкая;
Минусы:
- SEO — Из-за особенностей SPA усложняется работа с SEO, или даже вообще становится не возможной;
- Не работает с отключенной поддержкой JS — У некоторых пользователей может быть отключен JavaScript, у таких не работает приложение;
Вывод:
В этой статье мы разобрали что такое разработка SPA приложений, и в целом что это вообще такое.