Hosting NodeJS (Express and Angular) Project on Ubuntu Cloud Server using NGINX

Question

I have a domain and a cloud server (running ubuntu 16.04 OS) and I trying to host a nodeJS project (with ExpressJS and AngularJS) on cloud server.

I have currently installed node, nginx on my cloud server. My app is currently running on localhost even on server.

This is my node server.js file I'm having.

var express = require('express');
var bodyParser = require('body-parser');

var app = express();

app.set('port', (process.env.PORT || 3000));
app.use(express.static(__dirname + '/app'));
app.set('views', __dirname + '/app');
app.engine('html', require('ejs').renderFile);
app.set('view engine', 'html');

app.use(bodyParser.urlencoded({
   extended: true
}));
app.use(bodyParser.json());


app.get('*', function(req, res){
    res.render('index.html');
});

app.listen(app.get('port'), function() {
});

console.log('Magic happens on port ' + app.get('port'));

Can someone help me by giving me detailed steps on how to host my nodejs project on cloud server with nginx.

My project directory structure is as follows

-project_directory_name
  |-app(folder_where_my_html_css_javascript_code_is_placed)
  |-node_modules
  |-package.json(file)
  |-server.js (node/express file)

I have placed my project_directory_name under the root (/) directory in my server.

Thank you in advance.

Community · Accepted Answer · 2017-05-23 12:08:17Z

1

Step of deployment:

clone your code on any desired location.
install npm and bower(if you have).
install forever sudo npm install forever --global
forever start server.js

Above will help you to start service of your node application.now your node app run.

Hosting nginx: Node.js + Nginx - What now?

 location / {
    proxy_pass http://127.0.0.1:3000/;
    proxy_read_timeout 120s;
    proxy_set_header X-Forwarded-Host $host;
    proxy_set_header X-Forwarded-Server $host;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}

add this to nginx config file. just simple run your node app

Hope this may help you!

edited May 23, 2017 at 12:08

CommunityBot

11 silver badge

answered Jul 18, 2016 at 17:05

Ankit Rana

3836 silver badges24 bronze badges

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

11 Comments

Ashwath S H Over a year ago

I tried the above stack overflow link, but that didn't help me. Can you tell me the location what I need to mention in nginx configuration file?

Ankit Rana Over a year ago

you don't need to specify any location, you basic need proxy pass where you can pass your localhost application port to 80 port

Ashwath S H Over a year ago

The link you have shared says to create server.js file under /var/www/yourdomain/server.js. So if I place my server.js file over here how about my project_folder? Where to place it and how will it work?

Ankit Rana Over a year ago

no need to move any file, just simple run with forever js and access app

Ashwath S H Over a year ago

I'm new to hosting... so you mean to say my server.js and my project_folder can be under root (/) directory and I can run with foreverjs?

|

Collectives™ on Stack Overflow

Hosting NodeJS (Express and Angular) Project on Ubuntu Cloud Server using NGINX

1 Answer 1

11 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

11 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related