如何将 React App 添加到 Firebase 托管项目
How to add React App to a Firebase Hosting project
我使用 Firebase Functions/Hosting 创建了一个简单的 CRUD RESTful API。 =12=]
现在我想使用 React 构建相应的 前端来查询我的 API.
但是，我不知道如何将新的 React 应用干净地添加到我的项目文件夹并将其部署到 Firebase 托管。
这是我目前的文件夹结构：
https://imgur.com/a/WwDxji7
整个 API 位于函数文件夹中的“index.ts”中。 （我知道，将所有内容都放在一个文件中并不好）。
Where/how 我要添加一个 React 应用程序并将其部署到主机吗？
您的 API 使用 Cloud Functions 是一个单独的项目，您的前端应用程序是一个单独的项目。您可以将这两个项目分开或放在同一个文件夹中，这是您个人的选择。
话虽如此，firebase-tools 将云函数项目安装在 functions 文件夹中，以便您的主要前端项目可以作为父文件夹驻留。 Firebase 在父文件夹中几乎没有文件来存储通常不会干扰您的前端应用程序的 Firebase 设置。
对于部署，您可以将 API 和前端应用程序部署在同一主机或不同主机中，再次由您选择。如果您部署在同一个 firebase 主机上，您可以在 firebase.json 中设置规则来区分您的函数和应用程序的路由。
我使用 Firebase Functions/Hosting 创建了一个简单的 CRUD RESTful API。 =12=]
现在我想使用 React 构建相应的 前端来查询我的 API.
但是，我不知道如何将新的 React 应用干净地添加到我的项目文件夹并将其部署到 Firebase 托管。
这是我目前的文件夹结构： https://imgur.com/a/WwDxji7
整个 API 位于函数文件夹中的“index.ts”中。 （我知道，将所有内容都放在一个文件中并不好）。
Where/how 我要添加一个 React 应用程序并将其部署到主机吗？
您的 API 使用 Cloud Functions 是一个单独的项目，您的前端应用程序是一个单独的项目。您可以将这两个项目分开或放在同一个文件夹中，这是您个人的选择。
话虽如此，firebase-tools 将云函数项目安装在 functions 文件夹中，以便您的主要前端项目可以作为父文件夹驻留。 Firebase 在父文件夹中几乎没有文件来存储通常不会干扰您的前端应用程序的 Firebase 设置。
对于部署，您可以将 API 和前端应用程序部署在同一主机或不同主机中，再次由您选择。如果您部署在同一个 firebase 主机上，您可以在 firebase.json 中设置规则来区分您的函数和应用程序的路由。