How to setup AngularJS + NodeJs + Mysql App

Question

I have to deploy (angularjs + NodeJs + Mysql) based web application. I have created a droplet with SSH and added a domain for the project.

I have a bitbucket repository, but using it is not available while creating an app from the digital ocean front end.

Do you have any documentation on How I can create the app, and add code from my repository using SSH access? Do you have any editor to view my files and edit them easily like Google Cloud?

I am new to the cloud so I am confused in some technical terms. For start, I want easy to setup documentation or tutorial.

Bobby · Answer

Hi there, Once you’ve cloned your repository to the Droplet, you would need to start your Node app. To make sure that it keeps running even after you close the SSH session, you could use a package like PM2. Here is a quick video that will show you how to deploy a Node app using PM2 and Nginx: An alternative approach would be to use the DigitalOcean App platform. That way you will not have to configure and manage your own server but would be able to just push your code and have automated deployments: https://docs.digitalocean.com/products/app-platform/how-to/deploy-from-monorepo/ Let me know if you have any questions. Best, Bobby

KFSys · Answer

Deploying an AngularJS + Node.js + MySQL application on a DigitalOcean Droplet involves several steps. If you are new to cloud deployments, here’s a simplified guide to help you get started. This will include setting up your environment, deploying your code, and configuring your application. Step 1: Setting Up Your Droplet When you create a DigitalOcean Droplet, you can choose an image with pre-installed software or a plain Linux distribution like Ubuntu. For a Node.js application, starting with a basic Ubuntu server is usually best. Create a Droplet: Log into DigitalOcean. Create a new Droplet. Select an image (e.g., Ubuntu 20.04). Choose the size according to your application needs. Select the datacenter region. Add your SSH keys for secure access (you can generate SSH keys using ssh-keygen if you don’t have one). Finalize and create the Droplet. Access your Droplet: Step 2: Install Necessary Software You need Node.js, MySQL, and a web server like Nginx to serve your AngularJS files. Install Node.js: curl -fsSL https://deb.nodesource.com/setup_14.x | sudo -E bash - sudo apt-get install -y nodejs Install MySQL: sudo apt-get install mysql-server sudo mysql_secure_installation Install Nginx: sudo apt-get install nginx Configure Firewall: sudo ufw allow 'Nginx Full' sudo ufw allow ssh sudo ufw enable Step 3: Deploy Your Code Since you have your code in a Bitbucket repository, you will need to clone it onto your Droplet. Install Git: sudo apt-get install git Clone Your Repository: Navigate to the directory where you want to place your project. Clone your Bitbucket repository: git clone your_repository_url Step 4: Configure Your Application Set up your Node.js application: Navigate to your Node.js application directory. Install dependencies: npm install - You may want to use a process manager like PM2 to keep your application running: npm install pm2@latest -g pm2 start your_app.js Configure Nginx to serve your AngularJS application: Edit the Nginx configuration file: sudo nano /etc/nginx/sites-available/default Configure the server block to serve your AngularJS files: server { listen 80; server_name your_domain.com; location / { root /path/to/your/angularjs/dist; try_files $uri $uri/ /index.html; } location /api { proxy_pass http://localhost:your_node_port; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection 'upgrade'; proxy_set_header Host $host; proxy_cache_bypass $http_upgrade; } }

Become a contributor for community

DigitalOcean Documentation

Resources for startups and AI-native businesses

The developer cloud

Start building today

Report this

How to setup AngularJS + NodeJs + Mysql App

Related questions

Receiving 404 when routing to different pages for my angular application when using App Platform

Deploying a localized app on App Platform

How to deploy my angular 18 app as static site in App platform

How to navigate to new page with angular

How to deployement Angular v17 in apps services?

Static Angular with AppPlatform

Architecture questions: Angular App, DB and Wordpress

Deploy angular app on Digitalocean App Platform

How to build pdf file to speech in angular

I have an Angular static site that deployed successfully, but all I get is an empty page

Update App Platform to user Github action and Docker

Is an angular app considered a static site?

Report this

How to setup AngularJS + NodeJs + Mysql App

Related questions

Receiving 404 when routing to different pages for my angular application when using App Platform

Deploying a localized app on App Platform

How to deploy my angular 18 app as static site in App platform

How to navigate to new page with angular

How to deployement Angular v17 in apps services?

Static Angular with AppPlatform

Architecture questions: Angular App, DB and Wordpress

Deploy angular app on Digitalocean App Platform

How to build pdf file to speech in angular

I have an Angular static site that deployed successfully, but all I get is an empty page

Update App Platform to user Github action and Docker

Is an angular app considered a static site?