DEV Community: Saad Abbasi

How to Install node.js app on VPS shared hosting?

Saad Abbasi — Wed, 05 May 2021 19:13:59 +0000

In this article, I will show you how to install node.js on shared hosting
if you just purchased new shared hosting and there is not node.js installed.
Don't worry in this step-by-step guide you will learn to install node.js with SSH without sudo or root access.
I am a Windows user, for connecting to the server via SSH i will use putty software that's free and easy to use.
I assume that you have already installed putty if not just google you will see lots of tutorials on How to install putty on windows.

How to use putty?

search putty in your window's search bar and click on putty to execute.

You will see the following screen

Enter the following values in putty for connecting to the server
1.Enter Your Server/cPanel IP Address in * hostname (or IP address field*

By Default Port 22 is used if you have not default case you You Can Find Your Port Number in Server Details
Click on Open Button if everything is correct you will see a black screen asking for Login as enter your username here make sure to enter correct user name Enter password Enter the correct password for username. *password will not be visible just type your password and hit enter If You Enter the Correct cPanel Username and Password then you will see the next screen with your username.

Now you are connected to Server successfully let's install node.js on shared hosting

Run the following command to download node.js you can download any version of node.js by changing the to a specific version. i am downloading v8.10.0

wget https://nodejs.org/dist/v8.10.0/node-v8.10.0-linux-x64.tar.gz

Now we have downloaded `node.js` on our server let's Extract Node JS Files by using the following command

tar xvzf node-v8.10.0-linux-x64.tar.gz

Let's rename the folder to `nodejs`

mv node-v8.10.0-linux-x64 nodejs

Let's install `Node.js` and `npm` type the following `commands` one by one

mkdir ~/bin
cp nodejs/bin/node ~/bin
cd ~/bin
ln -s ../nodejs/lib/node_modules/npm/bin/npm-cli.js npm #That's it. Node.js and npm installed on your hosting you can verify that by running node -v if yo see node.js version it's mean you have successfully installed node.js on shared/vps hosting.

Thanks for reading :-) can you write your thoughts? and help me to improve my content by your valued suggestions? or if you have any querry please comment bellow.

Saad AbbasiFollow

Hello 👋🏽 I am **Saad Abbasi**. A MEAN stack Developer.

Do you want to run Angular App on the Node.js server?

Saad Abbasi — Tue, 04 May 2021 06:25:35 +0000

Do you want to serve your Angular app on the node.js server?
I assume that you already have an angular app now you want to render it with node.js. in this dev blog, I will explain how you can achieve this in a very easy and secure way by using view engines in node.js.

also, I will explain how you can render modify your endpoints to work with the server-side, you might using service to hit the specific backend by going on the specific route. e.g signup-route.
let's get started.
Table of content.

1)What is angular

2)What is PUG (in this tutorial I will use pug)?

3)How to render Angular application with node.js backend

What is Angular?

Angular is a TypeScript-based open-source web application framework led by the Angular Team at Google and by a community of individuals and corporations.

What is PUG?

PUG is a robust, elegant, a feature-rich template engine for Node.js

How to render Angular application on the node.js server?

As we know that Angular is SPA(Single Page Application) we can render its content with node.js backend.
Luckily node.js provide template engines to run templates on the server-side. we can use any template engine like jade, pug, ejs to run the angular application but in this dev blog, I will use pug.
these are the steps to render angular applications with pug template engine.

production build an angular application by running the following command with angular cli ng build --prod
after successful build you will see build files by default in dist folder.
Install template engine by running the following command npm install --save pug
```

const app = express();
app.use(express.static('../dist/interior'))//set the static path
app.set('view engine', 'pug');

5. `View-engine` setup is completed now it's time to render `Angular` app  add the following code after view engine

app.get('/', (req, res) => {
res.sendFile('index.html',{root:__dirname})
});

6. Now when you run your node.js app you will see the angular app in action. Note: if you want to change the route you can change the above code like this to render angular app on a specific route e.g when the user hits `/angular`

app.get('/angular', (req, res) => {
res.sendFile('index.html',{root:__dirname})
});

##Complete code will look like this

const express = require('express');
const path = require('path')
const port = 8080;
const app = express();

app.use(express.static('../dist/angular-directory'))
app.set('view engine', 'pug');

app.get('/', (req, res) => {
res.sendFile('index.html',{root:__dirname})
});

app.listen(port, () => {
console.log("Server is listening on port "+port);
});

###### run `node app.js` and visit `localhost:8080` you will see your angular app running on node.js (express server) 
That's all for this blog I hope this will help you, consider writing your thought and feedback, so I can improve my writing and help people in a better way.
Best Regards

    
      
        
      
    
  
    
Saad AbbasiFollow

    
      Hello 👋🏽
I am **Saad Abbasi**. A MEAN stack Developer.

How to use securely API's in node.js?

Saad Abbasi — Thu, 29 Apr 2021 18:48:46 +0000

Hi everyone
in this blog, I am going to share how you can use your APi's PORTS, Hash Secrets in node.js by using environment variables.

1) Install dotenv by running this command in node.js terminal npm install dotenv

2) Creat new .env file name should b .env you will see an gear icon

3) define secret values and variables like the bellow snippet. follow exact same patter don't use "Quotes for strings"

4) require it in the root of the application. before calling any route it's good practice to use it ASAP. also call config for configuration of.env variables

5) Finally use it anywhere in the application by using process.env.variableName see example bellow

That's all for using .env in node.js. this is my first post on dev.to . please leave your feedback about this blog. (this is my first blog/tutorial post ).

Thanks
Saad Abbasi (MEAN stack Dev)

DEV Community: Saad Abbasi

How to Install node.js app on VPS shared hosting?

How to use putty?

You will see the following screen

Now you are connected to Server successfully let's install node.js on shared hosting

Now we have downloaded node.js on our server let's Extract Node JS Files by using the following command

Let's rename the folder to nodejs

Let's install Node.js and npm type the following commands one by one

Saad AbbasiFollow

Do you want to run Angular App on the Node.js server?

1)What is angular

2)What is PUG (in this tutorial I will use pug)?

3)How to render Angular application with node.js backend

What is Angular?

What is PUG?

How to render Angular application on the node.js server?

Saad AbbasiFollow

How to use securely API's in node.js?

Now we have downloaded `node.js` on our server let's Extract Node JS Files by using the following command

Let's rename the folder to `nodejs`

Let's install `Node.js` and `npm` type the following `commands` one by one