如何将React应用程序添加到Firebase托管项目中



我使用Firebase函数/主机创建了一个简单的CRUD RESTful API

现在我想使用React构建相应的前端来查询我的API。

然而,我不知道如何将一个新的React应用程序干净地添加到我的项目文件夹中,并将其部署到Firebase Hosting中。

这是我目前的文件夹结构:https://i.stack.imgur.com/qVEql.jpg

整个API位于函数文件夹中的"index.ts"中。(我知道,把所有内容都放在一个文件里是不好的(。

在哪里/如何添加React应用程序并将其部署到主机

使用云函数的API是一个单独的项目,前端应用程序是一个独立的项目。您可以将两个项目分开或放在同一文件夹中,这是您的个人选择。

话虽如此,firebase-tools将云功能的项目安装在functions文件夹中,这样您的主要前端项目就可以作为父文件夹驻留。Firebase在父文件夹中几乎没有文件来存储Firebase设置,这些设置通常不会干扰前端应用程序。

对于部署,您可以将API和前端应用程序部署在同一主机或不同主机中,您可以再次选择。如果你部署在同一个firebase主机上,你可以在firebase.json中设置规则来区分你的功能和应用程序的路由。

相关内容

  • 没有找到相关文章

最新更新