How to work with Node.js App – WebManager.NG

Node.js App

To set up the Node.js App feature, you will need to choose a specific version of the Node.js app in order to run the apps using Node.js 6.x, 8.x, 9.x, 10.x, 11.x, 12.x, and 14.x versions. Currently, the available Node.js version pool on all our shared hosting plans are:

  • Litespeed: 6.0.12
  • cPanel: 110
  • cURL: 7.19.7
  • CXS: installed on all Shared hosting accounts
  • Git: enabled
  • HTTP/2: supported
  • Imagick module: 3.7.0
  • IonCube PHP Loader: 12.0.2
  • Mod_Rewrite: enabled
  • Mod_Security: enabled
  • MariaDB: 10.5
  • Node.js: 6.17, 8.17, 9.11, 10.24, 11.15, 12.22, 14.20
  • Mysqli Support
  • Perl: 5.10.1
  • PHP: 5.6, 7.0-7.4, 8.0 – 8.2
  • PHP modules
  • PostgreSQL: 8.4.20
  • Python: 2.7, 3.3 – 3.9, 3.11.5
  • Rails: 2.3.18
  • Ruby: 1.8 – 2.7
  • ZendGuard Loader: 4.1

The Node.js App function provides a kind of flexibility that features a user-friendly interface which helps you get faster acquainted with the new functionality it offers.

To get started, first locate the

Interface

In order to access the Node.js application, open cPanel >> Setup Node.js App.

WebManager.NG Website Images

You will see the following interface if you have an existing application:

WebManager.NG Website ImagesIf you have an existing application(s) you will see several columns on the list such as:

  • App URI (application URI including the domain name)
  • App Root Directory (root directory of the application)
  • Mode (can be production or development)
  • Status – started/stopped (displays if an application is running or not and the version of the application)
  • Actions (allows to start, restart, stop, edit, and remove a particular application)

Additionally, you can create a new application by clicking on “CREATE APPLICATION”WebManager.NG Website Images

Create Application

On the next page, you will see this

WebManager.NG Website Images

Choose the following parameters:

  • Node.js version
  • Application mode (application modes can be Production or Development)
  • Application root (the path to the application on a server that corresponds with its URI. You can enter either the existing folder or specify a new folder that will be created in the root directory of that domain)
  • Application URL (fill in an HTTP/HTTPS link to the application)
  • Application startup file (use the NAME.js format)

If you wish to add environment variables, click Add Variable to specify a name and a value.

After the application is created, you will be prompted to the application dashboard.

As soon as the environment is set, you can upload your application files to the application root directory.

In case you need to install more modules, it is possible to do this after entering the virtual environment of the application via SSH. The command for this is mentioned on the application page

WebManager.NG Website Images

If you have issues installing a module, contact our Support team.

Manage Application

Through the Action section, you can manage the application in the following way:

  • Start
  • Stop
  • Restart
  • Edit
  • Remove

Do the following to start a stopped application:
1. Click the Start icon in the Actions column in the stopped application row.

WebManager.NG Website Images

2. You will see that when an action is completed, the Start icon changes to the Stop icon.

WebManager.NG Website Images

To stop an application you have started, do these:

1. Click Stop in the Actions column in the Start application row.

2. Note that when an action is completed the Stop icon changes to the Start icon.

To restart a started application, click the Restart icon in the Actions column in the started application row.

WebManager.NG Website Images

The editing menu looks like this:

WebManager.NG Website Images

To enter the virtual environment via SSH, run the highlighted command mentioned at the top of the page

Through that menu, you can manage the created application in the following ways:

  • Restarting the application
  • Stopping the application
  • Destroying the application
  • Changing the Node.js version (this version switch can take up to 5 minutes)
  • Changing the Application mode from Production to Development (and vice versa)
  • Modifying the Application root
  • Modifying the Application URL (specify in a field an HTTP/HTTPS link to the application)
  • Modifying the Application startup file (specify as NAME.js file)
  • Running NPM install command (click the Run NPM Install button to install the package(s) described in the package.json file)
  • Adding Environment variables

For you to use Angular, you need to create a Node.js application in cPanel first. Then you will be able to enter the virtual environment using the NPM install command to run your Angular project.

To remove a started application, click the Bin icon in the Actions column in the respective application row.

WebManager.NG Website Images

NOTE that, when this action is completed, the application will be removed from the Web Applications table and you will see a confirmation pop-up displayed on your screen.

That’s it!