Разница между фронтенд и бэкенд разработкой.
Веб-разработка состоит из двух основных категорий: фронтенд и бэкенд. В этом посте мы рассмотрим разницу между фронтендом и бэкэнд-разработкой.
Коротко об интернете.
Давайте начнем с «Как работает Интернет», прежде чем объяснять разницу между фронтенд- и бэкэнд-разработкой.
Интернет — это сеть компьютеров, более известных как серверы, соединенных друг с другом.
Заходя на веб-сайт, вы подключаетесь к серверу, на котором размещен веб-сайт, и загружаете его файлы в свой браузер.
Бэкенд-веб-разработка — это разработка на стороне сервера, которая происходит на уровне сервера.
Фронтенд-разработка — это разработка на стороне клиента, которая происходит на вашем компьютере.
Позволь мне объяснить:
Веб-разработка.
Как упоминалось выше, веб-сайт представляет собой набор файлов, размещенных на сервере.
Эти файлы могут быть просто набором статических файлов, которые загружаются в ваш браузер, когда вы просматриваете веб-сайт или выполняете сложные задачи.
Самый простой пример, базовый информационный веб-сайт может быть просто набором файлов для домашней страницы, страницы с информацией и страницы услуг.
Эти страницы будут статичными — это означает, что все, что вы видите, было специально закодировано в файлы.
Более сложный веб-сайт, например веб-сайт электронной коммерции или настраиваемое веб-приложение, будет иметь сложные сценарии для управления продуктами, добавления их в базу данных, создания заказов, отправки электронных писем, управления пользователями, расчета статистики и многого другого.
Большинство из этих задач можно выполнить как во внешней, так и во внутренней веб-разработке.
Вот как:
Бэкэнд веб-разработка.
Возьмем в качестве примера функцию добавления пользователя.
На сайте или в веб-приложении есть страница с простой формой: адрес электронной почты и пароль.
Чтобы добавить нового пользователя, нам нужно будет проверить, если:
- Оба поля заполнены
- Если значение поля правильное (электронная почта должна быть существующим адресом электронной почты)
- Проверить наличие повторяющегося пользователя с таким же адресом электронной почты
- Добавить нового пользователя в базу
- Возвращайте сообщения об успехе или ошибках на экран в соответствии с вводом формы.
Делая это в бэкэнде, мы отправляем информацию формы на сервер, и серверная бэкэнд-программа сгенерирует новую страницу.
Если все сделано правильно, будет сгенерирована страница с сообщением об успешном завершении, иначе будет сгенерирована новая страница с сообщением об ошибке.
Фронтенд веб-разработка.
Делая то же самое с веб-разработкой внешнего интерфейса, мы также отправляем данные формы на сервер и получаем ответ об успехе/ошибке. Однако это работает по-другому.
При веб-разработке внешнего интерфейса мы не отправляем всю страницу, чтобы получить совершенно новую страницу.
Вместо этого большая часть работы выполняется в вашем браузере. Мы проверяем данные формы и выдаем вам сообщения об ошибках, если что-то не так с вводом.
Если ваш ввод правильный, мы отправляем на сервер небольшой запрос, содержащий данные формы, которые выглядят примерно так:
{
email: "[email protected]",
password: "Pass123"
}Теперь сервер проверит, есть ли уже пользователь с данным адресом электронной почты в базе данных, и вернет небольшую строку, например:
{
type: "error",
Message: "There is already an account with this email addres, do you want to login?"
}Мини-программное обеспечение на стороне клиента теперь просмотрит то, что вернул сервер, и просто добавит это сообщение на нашу существующую веб-страницу над новой пользовательской формой.
Разница между фронтенд- и бэкэнд-разработкой: скорость.
Первое и самое заметное различие между внешним и внутренним веб-приложениями — это скорость.
Как вы могли заметить, для взаимодействия с серверным веб-приложением вы перезагружаете всю страницу.
Веб-приложения, созданные с использованием интерфейсных фреймворков, загружают все программное обеспечение при первой загрузке страницы.
Когда вы взаимодействуете с веб-приложением, вам не нужно много загружать с сервера, кроме информации из базы данных.
Процесс разработки.
Создание веб-сайтов и веб-приложений с использованием интерфейсных фреймворков требует много работы.
Поэтому небольшие веб-сайты и веб-приложения обычно создаются с использованием только серверных языков и фреймворков.
Программное обеспечение на основе внешнего интерфейса чаще всего используется, когда речь идет о крупномасштабных веб-приложениях.
Резюме.
Подводя итог, веб-сайт — это мини-программа, которая хранится на сервере.
Бизнес-логика может управляться либо в бэкэнде — на стороне сервера веб-сайта, либо во внешнем интерфейсе — на клиентской стороне веб-сайта.
Вся страница должна быть перезагружена, когда это делается в бэкэнде, в то время как только небольшие фрагменты должны быть загружены с сервера в веб-приложениях на основе внешнего интерфейса.
Веб-приложения на основе внешнего интерфейса работают быстрее, но требуют больше времени для разработки.
Таким образом, это лучший вариант для крупномасштабных веб-приложений, в то время как для небольших проектов лучше использовать только серверное программное обеспечение.
Первоначально опубликовано на iconstudiosny.com 12 марта 2019 г.
