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

Question

To learn ReactJS and Firebase, I had create a web app with these technologies.

But I didn't publish this app on the web because, since react is a frontend library, we can see the code with my firebase infos.

Now I have learned NodeJS and I want to implement that on my app for the backend and publish on firebase but I don't know how publish an app with both React and Nodejs on firebase.

The only idea I have is to run the npm build command, put the content of the build folder in a view folder of my Nodejs project, and redirect the home page to my React index like that:

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

and publish on firebase like a nodeJS project.

I think this is a good solution but I want to be sure and know if a better solution exist because I want to use the best practices, and move the build content after each frontend update... (and I don't want to restart all my backend if I don't know how publish after)

Answer 1

It's not totally clear, but it sounds like you're asking how to use a serverless Firebase function as a back end for your react project.

To do that, you simply create an HTTPS function that serves as an endpoint for your front end to send data to, which is then processed and sent back, or logged, or interacts with a database, etc.

Setting up an HTTPS function is easy: you run firebase init in a directory, choose 'functions' when asked what to initialize, and and the CLI will generate The necessary files for your project.

In your index.js file, you write the node.js code for your function, and then run firebase deploy from that same directory.

Then your endpoint will be live, and it can consume any requests you send it to it. For more, see the official documentation on Firebase functions.

. References:

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

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