Как мне запустить мой реагирующий интерфейс и экспресс-сервер вместе?
Я пытаюсь создать простое приложение для реагирования/узел/экспресс с нуля (не используя приложение create-реагировать). Я построил простую серверную часть для передачи некоторых данных во внешний интерфейс, но мне трудно понять, как они взаимодействуют. Как я могу запустить внешний и внутренний интерфейс вместе и просмотреть внешний интерфейс с переданными в него данными?
Я хотел бы сделать все это в одной команде. Должен ли я использовать такой инструмент, как webpack, чтобы собрать все вместе в один работающий пакет?
Мой репозиторий можно найти здесь, это ветка реакции и экспрессии, на которую я ссылаюсь. Любая помощь высоко ценится! В настоящее время я запускаю приложение, запуская index.js, но это только серверная часть, как мне запустить внешний интерфейс App.js и заставить их общаться?
https://github.com/int-a/contacts-application/tree/react-and-express
Лучше, если вы сохраните оба приложения (бэкэнд и внешний интерфейс) отдельно, чтобы вся идея использовать SPA во внешнем интерфейсе. С докером вы можете сделать развертывание действительно простым и снять с бэкэнда ответственность внешнего интерфейса.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Вы можете использовать одновременно для одновременного запуска двух команд узла (1 для интерфейса и 1 для сервера). А затем используйте конфигурация прокси на сервере разработки веб-пакета для псевдонимов вызовов на номер внутреннего порта для той же машины.
Это очень широкий вопрос, но для разработки вам, скорее всего, понадобится что-то вроде Webpack и webpack-dev-server для компиляции вашего приложения React и прокси, например.
/apiзапросы к вашему серверу Express. В производственной среде вы можете использовать сервер Express для обслуживания всех ваших скомпилированных статических ресурсов.