Как добавить приложение React в проект хостинга Firebase

Question

Я создал простой CRUD RESTful API , используя Firebase Functions / Hosting .

Теперь я хотел бы создать соответствующий интерфейс с помощью React для запроса моего API.

Однако я понятия не имею , как аккуратно добавить новое приложение React в папку моего проекта и развернуть его на хостинге Firebase.

Это моя структура папок на данный момент: https://imgur.com/a/WwDxji7

Весь API находится в «index.ts» в папке функций. (Я знаю, нехорошо иметь все это в одном файле).

Где / как мне добавить приложение React и развернуть его на хостинге?

Answer 1

Ваш API, использующий облачные функции, - это отдельный проект, а ваше интерфейсное приложение - это отдельный проект. Вы можете хранить два проекта отдельно или вместе в одной папке - это ваш личный выбор. конечный проект может находиться в родительской папке. Firebase имеет несколько файлов в родительской папке для хранения настроек firebase, которые обычно не мешают работе вашего внешнего приложения.

Для развертывания вы можете развернуть API и интерфейсное приложение на одном или другом хостинге, выбор снова за вами. В случае развертывания на том же хостинге firebase, вы можете настроить правила в firebase.json, чтобы различать маршруты для ваших функций и приложения.