Возможно, вы начали свою карьеру разработчика или собираетесь начать, тогда вы, должно быть, натолкнулись на мысль, что такое технология Frontend или Backend и как они взаимодействуют друг с другом с API. Итак, я бы начал с очень реального примера ресторана, который все должны были посетить. Вы приходите в ресторан, садитесь за столик, затем делаете официанту заказ, который официант приносит к вашему столику. Теперь давайте разберемся с этим по аналогии.
Стол, на котором вы сидите, называется Frontend, официант, получивший ваш заказ, - это API, а кухня, на которой была приготовлена еда, - это Backend .
Таким образом, с технической точки зрения веб-браузер действует как пользовательский интерфейс (UI), где пользователь запрашивает выборку / обновление / удаление данных. Вызовы Ajax выполняются для обращения к API, который, в свою очередь, приносит / обновляет данные из базы данных с некоторой обработкой на Backend , если нужно. Теперь перейдем к более подробным деталям индивидуально.
Интерфейс: веб-браузер используется для открытия веб-страницы на устройстве. Эта веб-страница создана с использованием HTML, CSS и Javascript. Давайте разберемся с ней по аналогии с человеческим телом.
- HTML - это голое тело, которое представляет собой структуру и состоит из разных частей определенной формы.
- CSS - это платье, которое носит тело, которое обеспечивает внешний вид с использованием разных цветов.
- Javascript - это душа тела, которая обеспечивает интерактивность этой веб-страницы.
HTML5, CSS3 и EcmaScript 6 - соответствующие популярные последние версии, поддерживаемые большинством браузеров.
API: он служит для запросов и ответов. Запрос инициируется веб-браузером, а ответ предоставляется внутренним сервером. Веб-браузер запрашивает через вызов API, используя некоторые параметры запроса, которые бэкэнд считывает и на основе этого выполняет какое-либо действие, а затем отправляет ответ веб-браузеру через тот же API. Самый популярный API - Restful, который работает с HTTP-командами, например GET, POST, PUT и DELETE.
Backend: он работает на веб-сервере, например Apache, CentOs. У него есть доступ к базе данных, в которой хранятся записи. Он может сохранять, изменять или удалять запись в базе данных. Он обрабатывает запрос, инициированный вызовом API, и выполняет некоторые манипуляции с данными перед выполнением каких-либо действий. Он отправляет ответ на вызов API, который в конечном итоге получает запрошенный веб-браузер. Популярные серверные языки: Java, Python, PHP и т. Д.
Реальным примером веб-приложения является портал бронирования рейсов, где пользователь запрашивает доступные списки рейсов и их доступность через веб-браузер, то есть Frontend. Когда вы нажимаете любую кнопку на веб-странице, в основном выполняется вызов API к внутреннему серверу. Когда вы бронируете билет, нажимая «Подтвердить», вставляется запись в базу данных, и ответ отправляется обратно в веб-браузер. Затем веб-браузер показывает сообщение на Frontend, что «Ваш билет был успешно забронирован».
