Firebase deploy of a Nodejs app with Angular as the front end framework

Question

How can I configure an express.js app that uses Angular as the front end framework and multiple route files and the server and Angular communicating with each other via service level api calls, so that it can be deployed in Firebase via Firebase hosting.

I am having difficulty in getting a correct way of configuring firebase.json file and the overall project to be deployed in Firebase.

As of now when I deploy my app only the index.html page in the dist folder is coming in either via api or in any ways.

const express = require("express");
const app = express();
const bodyParser = require("body-parser");
const cors = require("cors");
const path = require("path");
const http = require("http");
// const functions = require('firebase-functions')
const server = http.createServer(app);


const authRoutes = require("./api/auth");
const dataRoutes = require("./api/data");
const deviceRoutes = require('./api/device');



app.use(cors());
app.options("*", cors());
app.use(bodyParser.json());
app.use(
  bodyParser.urlencoded({
    extended: false
  })
);
app.use(express.static(path.join(__dirname, "dist")));

const port = process.env.PORT || "1337";
app.set("port", port);

app.use("/api/auth", authRoutes);
app.use("/api/data", dataRoutes);
app.use("/api/device", deviceRoutes);

app.get("*", function (req, res) {
  res.sendFile(path.join(__dirname, "dist/index.html"));
});



// exports.app = functions.https.onRequest(app);
server.listen(port, () => console.log(`Server running on localhost:${port}`));

Do I need to use Firebase functions?

Edit

Can we include cloud functions in any ways to help in hosting this app?

Swoox · Accepted Answer · 2019-07-29 09:56:14Z

1

I tried this before and It's not possible to do this.

answered Jul 29, 2019 at 9:56

Swoox

3,7602 gold badges23 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

HexaCrop Over a year ago

But there is a video that shows we can deploy nodejs app in firebase hosting right? Doesn't that count?

Swoox Over a year ago

There is a video that can excute nodejs yes but to host it is not possible.

HexaCrop Over a year ago

Why? I mean that is from the firebase team?

Swoox Over a year ago

You can only deploy nodejs functions. So if you want to do this maybe you can deploy every api call separately. And then fire it with adding values to firestore.

HexaCrop Over a year ago

so what you meant to say is that, we need to deploy each and every api call functions that I make in nodejs individual files and then I can do this?

|

HexaCrop · Accepted Answer · 2019-10-16 08:37:14Z

0

I have successfully managed to solve this issue, but not directly.

I manage to do the angular front end work in a seperate folder and once the build is final i build a production version
copy the contents inside the dist folder inside the public folder of the firebase project
manage the routes seperately inside the firebase.json file
in the index.js file in cloud functions we will call to index.html just like in a mean stack app

answered Oct 16, 2019 at 8:37

HexaCrop

4,4114 gold badges31 silver badges56 bronze badges

Collectives™ on Stack Overflow

Firebase deploy of a Nodejs app with Angular as the front end framework

Edit

2 Answers 2

8 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Edit

2 Answers 2

8 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related