Заставить мое приложение React работать с сервером

Question

У меня есть вопрос, и я запутался со статьями, которые я нашел в inte rnet. У меня есть реагирующее приложение, которое развертывается на сервере разработки. Я хочу создать административную часть, где администратор сможет помещать содержимое sh в базу данных. React App получит контент из базы данных и отобразит его.

Также после разработки я хочу загрузить это на хостинг, чтобы пользователи из inte rnet могли иметь к нему доступ и использовать его. Я понимаю, как сервер работает с запросами post \ get из проектов Glitch.

Запись в React. Js, сервер с express. js

Так может кто-нибудь объяснить мне следующее:

1. как сервер отправляет приложение React? Должен ли я отправить простой индекс. html с # root div, и весь сайт будет работать?
2. Я немного озадачен тем, как сервер и API ручной работы отличаются от хостингов? Как связать тогда бэкенд с хостингом?
3. В VSCode возможно ли настроить реагирующее приложение, показывающее с сервера Node.js? - На глюк я могу отправить индекс файла. html с простым запросом и я вижу целевую страницу.

Поэтому теоретически у меня должна быть возможность отправить файл stati c через сервер Node.js / Express. js?

Можете ли вы объяснить эти вопросы? Мне, пожалуйста, или предоставьте некоторые ресурсы, где это объясняется? В настоящее время я смотрю Youtube и Google, но как я могу связать их с моим проектом, я не понимаю.

Answer 1

1. В значительной степени. Если вы используете create-react-app для создания своего интерфейса React, папка с результатами сборки будет содержать все необходимые файлы c stati (HTML, CSS, JS, изображения, шрифты ...). Затем ваше приложение Express может быть использовано как данные c.

2. «Хостинг» - это туманный термин ... Нет, вы не можете загрузить Express / Node.js приложение в какой-нибудь PHP веб-отеле и ожидайте, что оно заработает Вам понадобится провайдер / PaaS, работающий на хостинге приложений, например Heroku.

3. При локальной разработке приложения Reaction + backend у вас должен быть запущен сервер back-end и разработчик внешнего интерфейса. сервер, обслуживающий ваш веб-интерфейс и настроенный для передачи всех запросов API на внутренний сервер (например, через документы Create-React-App) .