如何在firebase上正确部署带有NodeJS后端的ReactJS前端



为了学习ReactJS和Firebase,我用这些技术创建了一个web应用程序。

但我没有在网上发布这个应用程序,因为react是一个前端库,我们可以在我的firebase信息中看到代码。

现在我已经学习了NodeJS,我想在我的应用程序后端实现它,并在firebase上发布,但我不知道如何在firebase中同时发布ReactNodeJS的应用程序。

我唯一的想法是运行npm build命令,将build文件夹的内容放在我的Nodejs项目的view文件夹中,并将主页重定向到我的React索引,如下所示:

app.get('/', (req, res) => {
res.render('view/index');
});

并像nodeJS项目一样在firebase上发布。

我认为这是一个很好的解决方案,但我想确定并知道是否有更好的解决方案存在,因为我想使用最佳实践,并在每次前端更新后移动构建内容。。。(如果我不知道之后如何发布,我不想重新启动所有后端(

这还不完全清楚,但听起来你在问如何使用无服务器的Firebase函数作为react项目的后端。

要做到这一点,只需创建一个HTTPS函数,作为前端向其发送数据的端点,然后对其进行处理并发送回、记录或与数据库交互,等等

设置HTTPS函数很容易:在目录中运行firebase init,当被问及初始化内容时选择"functions",CLI将为您的项目生成必要的文件。

在index.js文件中,为函数编写node.js代码,然后从同一目录运行firebase deploy

然后,你的端点将处于活动状态,它可以使用你发送给它的任何请求。有关更多信息,请参阅Firebase函数的官方文档。

参考文献:

https://firebase.google.com/docs/cli#initialize_a_firebase_project

https://firebase.google.com/docs/functions/get-started

最新更新