How to run an Angular app on a Node server?

Question

I would like to run my app with express on a Node server.

My server.js file:

var express = require('express');
var path = require('path');

var app = express();

app.get('/', (req, res) => {
   res.sendFile(path.resolve('dist/my-app/index.html'))
});

app.listen(80, () => {
  console.log('Server started!')
})

But when I'm trying to view my website on localhost nothing appears. Can you help me?

Answer 1

Hope this would help you.

1) Run:

ng build --prod

This will create a dist folder. Used for production.

2) Run:

npm install --save express

To install express and save it as dependency in the project.

3) Create a file in root: ./server.js

4) Copy this code. Don't forget to modify with your name project

const express = require('express');
const http = require('http');
const path = require('path');

const app = express();

const port = process.env.PORT || 3001;

app.use(express.static(__dirname + '/dist/my-app-name'));

app.get('/*', (req, res) => res.sendFile(path.join(__dirname)));

const server = http.createServer(app);

server.listen(port, () => console.log(`App running on: http://localhost:${port}`));

5) To run the server.js file

node server.js