Зачем нам нужен экспресс-сервер, когда у нас уже готов бэкэнд

Я совершенно новичок в javascript и среде веб-приложений. Я видел проект веб-приложения react, который имел общий КАТАЛОГ, КАТАЛОГ клиента и каталог сервера. У меня мало вопросов

  1. зачем нам нужна настройка файла express server в проекте frontend, если у нас уже есть готовые интерфейсы API и серверный сервер

  2. нужен ли нам экспресс-сервер, если мы сделаем интерфейс на react и вызовем API для извлечения данные для применения.

  3. разве бэкэнд-сервер и экспресс-сервер в интерфейсном проекте не совпадают?

6
express javascript node.js reactjs

2 ответов

зачем нам нужна настройка файла express server в проекте frontend, если у нас уже есть готовые интерфейсы API и серверный сервер

нет.

вам нужен HTTP-сервер для прослушивания и ответа на любые запросы Ajax, которые вы делаете из кода на стороне клиента.

вам нужен HTTP-сервер для прослушивания и ответа на любые запросы HTML-документов и статических ресурсов (JS, CSS, изображений и т. д.), которые нужны вашим страницам.

Это может быть один и тот же HTTP-сервер, разные HTTP-серверы, написанные с помощью Express или не написанные с помощью Express.

React учебники, как правило, игнорируют упоминание об этом и просто ныряют, показывая, как использовать Express для всего. Не придавай этому большого значения.

нужен ли нам экспресс-сервер, если мы делаем интерфейс на react и вызываем API для извлечения данных для приложения.

нет. Смотреть выше.

разве бэкэнд-сервер и экспресс-сервер в интерфейсном проекте не совпадают?

может быть. Это зависит от вас. Смотреть выше.

5

нет такого понятия, как "сервер" и "frontend сервер", web-приложение состоит из двух основных частей:

1/ приложение, которое обслуживает html-страницы, которое работает на бэкэнде, поэтому его обычно называют сервером, но типичный облачный сервер в настоящее время может запускать сотни различных приложений одновременно

2/ интерфейс, который обычно представляет собой сложную часть программного обеспечения JavaScript и html-страниц, которые динамически отправляются пользователю браузер и выполнить локально

минимум, который вам требуется для рабочего веб-сайта, - это серверное приложение, которое по запросу пользователя вернет одну или несколько html-страниц. Типичный проект узла React + организован следующим образом:

  • каталог сервера: который содержит весь код для обслуживающего приложения-тот, который возвращает веб-страницы, он также может содержать код, который обрабатывает REST API, если вашему клиентскому приложению требуются динамические данные или если ваш сервер подключение к базе данных. Обратите внимание, что сервер веб - страниц и сервер API могут быть двумя или более различными приложениями.

  • обычно вы не хотите делиться с пользователями своим кодом сервера, поэтому обычно у вас есть общий каталог, содержащий html - страницы, и это единственное место на диске - теоретически-которое может быть доступно пользователям. Этот каталог также может содержать необходимые изображения и ресурсы, необходимые веб-страницам, он также называется статическим ресурсы

  • чтобы держать вещь более организованной, код приложения frontend помещается в каталог клиента, но на производстве, как правило, в комплекте в одном или нескольких файлов, в зависимости от размера приложения, а также помещается в общедоступном каталоге, поэтому он содержит все необходимое для обслуживания приложения.

надеюсь, это поможет

3