Что является связующим звеном между backend и frontend?

Question

[KaizerSX]

Добрый день!

1)Поясните, пожалуйста, насколько можно подробнее на примере какого-нибудь web приложения, что является связующим звеном между backend и frontend? Мне нужно понять какая "технология" помогает взаимодействовать эти две части работы? Если не сложно объясните на каком-нибудь классическом примере.

2)Т.е. я правильно понимаю, что если убрать базу данных и всякие вычислительные операции "под капотом", то по сути мы получим только frontend и в результате обычный web-сайт , а не web-приложение?

Answer 1

[xmoonlight]

Канал передачи данных.
И, обычно, это спецификация протокола http (но не всегда).

Comments

[KaizerSX]

Можно сказать, что если мы не работаем с БД от слово совсем, то никакого back-end у нас нет, т.е. это обычный веб-сайт?

[xmoonlight]

KaizerSX, бэк - это всё, что не на стороне клиента.
Обычный - это неопределённое понятие.

[KaizerSX]

xmoonlight, я уже прочел и удалил сообщение свое

[xmoonlight]

KaizerSX, ок

[KaizerSX]

xmoonlight, хорошо, давайте более конкретно задам вопрос. Допустим как взаимодействуют допустим язык java и JS по части работы с БД? Я писал небольшие программки из обучающих материалов, там все понятно вроде: есть сервер приложений (+ контейнер сервлетов) , есть среда разработки для java, есть шаблонизаторы (jstl, mustache например). Но, если мне нужно какие-то данные из БД, которые обработались через java прогнать через JS, как это сделать? Или есть какие-то фреймворки JS , которые спокойно общаются с Java?

[xmoonlight]

KaizerSX, Если js на стороне сервера - unix-сокеты (это не tcp-порт!)
Если js на стороне клиента - тогда веб-сокеты.

[KaizerSX]

Чтобы максимально детализировать суть вопроса, давайте на конкретном примере разберемся.

Например есть страница html на котором обычная форма из нескольких полей и кнопки, которая отправляет данные . Допустим клиент заполнил поля и нажал на эту кнопку. Получается произошел POST запрос , там в форме естественно указан action, которая передает управление обработкой данных какому-нибудь сервлету , а тот в свою очередь производит какие-то калькуляции, генерирует другую страницу и посылает его клиенту , вроде все ясно пока.

Теперь вопросы:

1) Если например бэкэнд на Java написан, то как java понимает данные введенные в форме на сайте?

Через шаблонизаторы? Или для этого и существуют веб-сокеты?

2)В интеренет множество хостингов, чтобы развернуть свой сайт. Смогу ли я развернуть свой сервер на их сервере? Допустим выше мне порекомендовали Nginx. Я просто не понимаю, разве можно сервер развернуть поверх другого сервера? Ведь эти хостинги сами на серваках работают.

[KaizerSX]

Артём Петренков, а в чем разница использования веб-сокетов и http ?

[xmoonlight]

KaizerSX,
1. Смотрите в сторону согласно протоколу HTTP. Его можно реализовать самостоятельно, а можно использовать промежуточный веб-сервер - это не особо важно.
2. NGINX - это веб-сервер (аналог Apache). Что именно Вы хотите развернуть и под какие задачи - пока не особо понятно.
Хостинг сайтов - это определённая среда исполнения скриптов с доступом через веб (по доменному имени) и через SSH (для администрирования). Это НЕ полноценный сервер и там нельзя запускать всё, что Вы захотите: сервлеты, бинарники и т.д.
Хостинг VDS/VPS- это полностью виртуальный/выделенный сервера, т.е. полноценный ПК: здесь - уже всё можно запускать, что хотите.

[KaizerSX]

xmoonlight, благодарю за разъяснения.

Вы писали:"Смотрите в сторону согласно протоколу HTTP. Его можно реализовать самостоятельно, а можно использовать промежуточный веб-сервер - это не особо важно."

А промежуточный веб-сервер это и есть что-то типо Nginx? И еще хотелось понять как часто используют самописные веб-сервера? Есть какие-то стандарты для их написания?

[xmoonlight]

KaizerSX, NGINX - это и есть веб-сервер.
Посмотрите на lighttpd, возможно, что под Ваши задачи - подойдёт больше.
Почитайте про сервер приложений.

Стандартов написания веб-серверов - нет.
Как часто - зависит полностью от задачи и ресурсов: чаще - берут готовые решения, но если что-то специфическое или есть ограничения по скорости/памяти, используют свои реализации.

Есть спецификация HTTP и других протоколов, которую как раз и реализуют в момент написания собственного веб-сервера.

[KaizerSX]

xmoonlight,

Вы писали
" @xmoonlight
KaizerSX, Если js на стороне сервера - unix-сокеты (это не tcp-порт!)
Если js на стороне клиента - тогда веб-сокеты., "

Интересно понять в каких случаях JS используется на стороне сервера, не могу представить.

[xmoonlight]

KaizerSX, node.js

[KaizerSX]

Артём Петренков, "
В Java в кишках серверных библиотек произойдёт разбор HTTP-запроса. POST — это один из методов в HTTP. В вашем случае вебсокеты не нужны."

Это о каких кишках идет речь? Мы говорим про шаблонизаторы с сервлетами?

[KaizerSX]

Артём Петренков,

Видимо я не очень понимаю роль шаблонизаторов. Т.е. для обработки POST запросов можно обойтись вообще без них? Если не трудно объясни суть шаблонизаторов тогда.

В wiki написано "A web template system in web publishing lets web designers and developers work with web templates to automatically generate custom web pages," . Но как на деле это выглядит?

[xmoonlight]

KaizerSX, примеры кода PHP-шаблонов в разных шаблонизаторах в статье

[KaizerSX]

xmoonlight,

мы бы справились без шаблонов? Допустим в форме в HTML страницы человек вводит в форме несколько числовых значений в поля для формы (псевдокод)

<form action=test>  
<input type=text name="input1"> </input>
<input type=text name="input2"> </input>
<button type=submit> send</button>
  </form>

Как контроллер в Java распазнает значения полей input 1, input 2? Просто по их названию (name)? Берем в пример модель MVC например. Я просто думал шаблонизатор как раз нужен для того, чтобы переводить html код на язык java так сказать.

[xmoonlight]

KaizerSX,

Просто по их названию (name)?

Именно. Язык программирования - никак не зависит от протокола передачи и наоборот.
Не привязывайтесь к нему!

Шаблоны - нужны только для представления данных в нужном формате или разметке.
Для HTML: Аналог HTML-каркаса с итераторами и условиями для отображения данных в браузере.

[KaizerSX]

xmoonlight, мда, видимо когда-то меня ввели в конкретное заблуждение. Ради интереса сегодня попробую этот простой пример реализовать на Spring MVC

[xmoonlight]

KaizerSX, PS: ответ мой ещё раз прочтите - там предельно всё понятно в двух строках.

[KaizerSX]

xmoonlight,

Ну чтобы до конца тебя замучать и наконец уяснить. Вот пример одной JSP страницы (ниже) с шаблонизатором JSTL. Есть сущность book, есть List booklist;

1)Мне интересно как работал бы код без шаблонизатора в данном случае ( как бы этот код выглядел)?

2)Как бы сделал forEach для списка bookslist?

<%@ page import="ru.test.Book" %>
<%@ page import="java.util.List" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
  <head>
    <title>Books</title>
  </head>
  <body>
  <ul>
  <c:forEach items="${bookList}" var="book">
    <li>Id: ${book.id}, Name: ${book.name} </li>
  </c:forEach>
  </ul>
<p>${smString}</p>
  </body>
</html>

[xmoonlight]

KaizerSX, через конкатенацию разметки и переменных (это для любого языка).
Конкретно на чистой JAVA - не подскажу.
Хотите ответа именно на JAVA - создайте отдельный вопрос и Вам подскажут те, кто кодит на JAVA постоянно.
На PHP - foreach() ничем не отличается.

[KaizerSX]

xmoonlight, благодарю Вас за неоценимую помощь

[KaizerSX]

xmoonlight, извините немного за офтоп, можете привести пример типовой задачи где работа без WebSocket невозможна. Насмотрелся куча видео о webscoket, но так и не понял в каких случаях нужно применять его. Пару примеров...буду очень благодарен

[xmoonlight]

KaizerSX, реал-тайм приложение: котировки биржи, многопользовательская игра, совместная работа (одно контент-окно и много курсоров), приложение интернет-консультанта (АРМ-оператора, когда он принимает обращения из входящих очередей каналов коммуникации), система оповещений на сайт (не нужно кликать ничего - просто приходит сообщение по вебсокету и отображается как попап или просто меняется где-то информация)....
В целом (для понимания), веб-сокет - это сеть внутри браузера (если очень грубо!).

[KaizerSX]

xmoonlight, спасибо!

[xmoonlight]

KaizerSX, Не обманитесь - есть просто сокет! И это - совсем разные вещи! :)

[KaizerSX]

xmoonlight, знаю, но благодарю за предупреждение)

[xmoonlight]

KaizerSX, посмотрите на движок для нативного сокета для веб-приложений: https://socket.io/
Там как раз и дополнение к моему ответу на Ваш предыдущий вопрос!

[KaizerSX]

xmoonlight, интересно для чего нативные сокеты нужны? Стандартные вебсокеты чего-то лишены? Или просто их синтаксис более юзерфрендли ?

[xmoonlight]

KaizerSX, веб-сокет - текстовый формат json, а сокеты - там сам пакет билдишь какой хочешь и гоняешь любые данные.

[KaizerSX]

xmoonlight, если я правильно понял - это грубо говоря готовые веб-сокеты "под ключ" ?

Ну или совсем уж грубо, это некие фреймворки для веб-сокетов?

[xmoonlight]

KaizerSX, те, что с json, обычные - это для удобной работы внутри кода веб-страницы на js (ущербные, только для взаимодействия через json-данные).

В то время, как обычные сокеты - могут передавать аудио-видео потоки, и прочие потоки (включая функционал web-socket'а).

[KaizerSX]

xmoonlight, т.е. допустим если я захочу какой-нибудь видео стрим сервер создать и транслировать видео, то нужно будет пользоваться именно обычными сокетами ( которые могут передавать аудио-видео потоки) ?

[xmoonlight]

KaizerSX, Именно, так.
А чатик или координаты курсора/игрового персонажа - можно и через веб-сокет сделать в JSON-е.

Answer 2

[Максим Федоров]

Связующее звено — веб-сервер

Как правило это Nginx, но может быть и голый сервер на том языке, на котором сделан бекенд.
Работает по принципу запрос-ответ. Например сделал запрос через GET/POST, не важно — через AJAX (JS) или напрямую, запрос попадает на бекенд и обрабатывается, летит ответ и вы с ним работаете.

Также браузеры поддерживают протокол вебсокет.

Comments

[KaizerSX]

1)А можно еще альтернативы Nginx ?

2) А Tomcat можно назвать веб-сервером или это просто контейнер сервлетов и не более?

[Максим Федоров]

KaizerSX,
1. Apache (уже не в моде в типовых проектах), на Go делают веб-серверы

[xmoonlight]

Максим Федоров, KaizerSX, томкат - сервер веб-приложений, а не веб-сервер!

[KaizerSX]

xmoonlight,
А ещё и контейнер сервлетов так? Или это и так подразумевается в контексте с сервером веб приложений ?

[xmoonlight]

KaizerSX,

Или это и так подразумевается в контексте с сервером веб приложений ?

Именно.
Ещё есть WebSphere от IBM.

[KaizerSX]

Максим Федоров, если бы можно было и ваш ответ решающим сделать , да хоть что раз

[Максим Федоров]

xmoonlight,

Tomcat используется в качестве самостоятельного веб-сервера

Цитата из вики :) не авторитетный источник, но ведь и правда так :)

[KaizerSX]

Максим Федоров, не поняли меня, я отдал просто голос человеку выше , говорю если мог бы и вам ещё отдать , то с удовольствием. Или я могу ? Я просто недавно тут

[Максим Федоров]

KaizerSX, да, все ответы, которые помогают могут быть решениями

[xmoonlight]

Максим Федоров,

Tomcat используется в качестве самостоятельного веб-сервера, в качестве сервера контента в сочетании с веб-сервером Apache HTTP Server, а также в качестве контейнера сервлетов в серверах приложений JBoss и GlassFish.

Вы же говорите: о контент-сервере (которым, кстати и является тот же nginx).
Т.е. он сам - не может работать как веб-сервер контента на паблик!
Ясно? )

[xmoonlight]

KaizerSX, можете хоть все ответы выбрать! Ваше право!

[Максим Федоров]

xmoonlight, ;)
И все же, в абзаце приведены три роли Томката:
- саиостоятельный
- контент-сервер с Апачем/нжинксом
- контейнер сервлетов

[xmoonlight]

Максим Федоров, самостоятельный - только для админки сервлетов и их запуска - только 127.0.0.1 на порту 8080 (вроде бы..) и только для прямого обращения к сервлетам. И никакого там файл-контента или конфигурации сертификатов - не предусмотрено.

[KaizerSX]

Так что в итоге господа? Ещё раз обозначим то , что у нас должно быть:
1) vps хостинг на винде или Linuxe/unix
2) сервер приложений tomcat
3) web сервер , так какой же всё-таки веб-сервер выбрать для развёртывания этого самого tomcat-a?

[Максим Федоров]

KaizerSX,
Vps на Линуксе
nginx как реверс-прокси
А вот томкат/не томкат -- тут уже вам решать, я не особо в этом стеке понимаю, может можно спринг просто без томката или аналог попроще

[Максим Федоров]

xmoonlight, ну да, ваша правда

[xmoonlight]

Максим Федоров, ок!))
А вот с Вашим перечнем - я тоже полностью согласен! ))

KaizerSX, Максим Федоров - верно всё перечислил.
nginx - можно заменить на Apache (по желанию) - они одинаковы (выровнялись пару лет назад) по производительности.

[Максим Федоров]

xmoonlight,
и статику также быстро отдает?

[xmoonlight]

Максим Федоров, да, я же написал, что уже не важно что юзать: у них одинаковая производительность стала около 2-х лет назад. (я помню, что раньше - nginx - был быстрее в статике)

[xmoonlight]

KaizerSX, по п.2 и 3: можно apache web-server + apache tomcat, т.к. эта связка - родная для друг друга.

[KaizerSX]

xmoonlight, спасибо большое

[KaizerSX]

Максим Федоров, спасибо большое

[xmoonlight]

Максим Федоров, но никто не мешает юзать что-то более быстрое, тот же lighthttpd (он даже быстрее в статике nginx или апача, но меньше плагинов).
Т.е. всё это это будет зависеть целиком от того, как вы будете реализовывать законченный функционал.

Answer 3

[KaizerSX]

Чтобы максимально детализировать суть вопроса, давайте на конкретном примере разберемся.

Например есть страница html на котором обычная форма из нескольких полей и кнопки, которая отправляет данные . Допустим клиент заполнил поля и нажал на эту кнопку. Получается произошел POST запрос , там в форме естественно указан action, которая передает управление обработкой данных какому-нибудь сервлету , а тот в свою очередь производит какие-то калькуляции, генерирует другую страницу и посылает его клиенту , вроде все ясно пока.

Теперь вопросы:

1) Если например бэкэнд на Java написан, то как java понимает данные введенные в форме на сайте?

Через шаблонизаторы? Или для этого и существуют веб-сокеты?

2)В интеренет множество хостингов, чтобы развернуть свой сайт. Смогу ли я развернуть свой сервер на их сервере? Допустим выше мне порекомендовали Nginx. Я просто не понимаю, разве можно сервер развернуть поверх другого сервера? Ведь эти хостинги сами на серваках работают.

Comments

[Максим Федоров]

1) Если например бэкэнд на Java написан, то как java понимает данные введенные в форме на сайте?

Через интерфейс на Java (сервлеты)

Веб-сокеты немного для другого, типовой фронтенд работает через AJAX

[Максим Федоров]

Допустим выше мне порекомендовали Nginx. Я просто не понимаю, разве можно сервер развернуть поверх другого сервера? Ведь эти хостинги сами на серваках работают.

Сервер — слово абстрактное и обтекаемое.

Nginx — ВЕБ-сервре, то есть абстракция поверх TCP, а именно HTTP, через 80 порт (обычные сайты) или 443 (https) строит мост между браузером и бекендом

Сервер в понимании железки — ОС на линуксе/винде, на которой стоит бекенд и ВЕБ-сервер

Под множеством хостингов обычно понимаются виртуальные, там Томкат и Java приложение не развернуть, только на php :)

[KaizerSX]

Максим Федоров, все-таки не очень понял следующий момент.

Допустим я заказал себе vps хостинг. Если я пишу под java бэкэнд (работа с базой данных и др.) то мне достаточно развернуть на VPS хостинге Tomcat и работать таким образом обрабатывая запросы GET/POST запросы . Или мне нужно Nginx развернуть на VPS хостинге ? Или нет разницы ?

[Максим Федоров]

KaizerSX, достаточно, но лучше -- завернуть за нжинксом его, тк он и с SSL лучше работает и статику отдает со скоростью света

[KaizerSX]

Максим Федоров, простите за возможно дурацкий вопрос, но про какую статику вы говорите?

[KaizerSX]

Максим Федоров,

Можно максимально простой пример того как работает веб-сокет и как работает запрос через ajax? Любой примитивный код для ясности

[KaizerSX]

Артём Петренков, js , html знаю , с него начинал, потом 4 года java. Я не собираюсь на фул стек разраба идти, я больше по бекэнду, но в любом случае нужно понимать как это работает.

[KaizerSX]

Артём Петренков, слабо, слабо

[KaizerSX]

Артём Петренков, кстати , если не сложно можешь помочь мне с этим вопросом Как убрать название проекта из url Tomcat? ?