Host a Development Environment on an Azure VM

Realtime POC 3 - AZURE Cloud

1. Why this use case

Hosting a development environment on an Azure VM provides a consistent and isolated setup for developers. It ensures that development activities are not affected by local machine constraints, offers easy collaboration among team members, and can be tailored to match production environments closely, reducing the "it works on my machine" issue.

2. Purpose of this use case

The purpose of this use case is to guide users through the process of setting up a development environment on an Azure VM. This includes creating the VM, installing the necessary development tools, and configuring the environment for efficient development workflows.

3. Pros and Cons of this use case

Pros:

• Consistency: Provides a consistent environment for all developers.

• Scalability: Easily scale resources based on development needs.

• Isolation: Development activities are isolated from local machine issues.

• Collaboration: Easier to share and collaborate on code and configurations.

Cons:

• Cost: Incurs costs for running VMs, especially if running continuously.

• Maintenance: Requires regular maintenance and updates.

• Complexity: Initial setup can be complex, especially for large teams.

4. Step by Step Implementation Commands

Step 1: Create an Azure VM

# Log in to Azure
az login

# Create a resource group
az group create --name DevResourceGroup --location eastus

# Create a virtual machine with username and password
az vm create --resource-group DevResourceGroup --name DevEnvironmentVM --image Ubuntu2204 --admin-username devuser --admin-password DevPassword123!

Step 2: Open Ports for Development Tools

# Open port 22 for SSH access

az vm open-port -n DevEnvironmentVM -g DevResourceGroup --port 22 --priority 900

# Open other necessary ports, e.g., port 3005 for web development

az vm open-port -n DevEnvironmentVM -g DevResourceGroup --port 3005 --priority 901

Step 3: Connect to the VM

# SSH into the VM
ssh devuser@<public-ip-address>
# When prompted, enter the password: DevPass123!

Step 4: Install Development Tools

# Update package lists
sudo apt-get update

# Install Git
sudo apt-get install git -y

# Install Node.js and npm (for JavaScript development)
curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -
sudo apt-get install -y nodejs

# Install Python and pip (for Python development)
sudo apt-get install python3 python3-pip -y

# Install Docker (for containerized development)
sudo apt-get install apt-transport-https ca-certificates curl software-properties-common -y

curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add -

sudo add-apt-repository "deb [arch=amd64] https://download.docker.com/linux/ubuntu $(lsb_release -cs) stable"

sudo apt-get update

sudo apt-get install docker-ce -y

# Install Visual Studio Code Server (for remote development)

curl -fsSL https://code-server.dev/install.sh | sh

Step 5: Configure Development Environment

# Set up a directory for projects
mkdir ~/projects
cd ~/projects

# Clone a sample project (replace with your project's repository)
git clone https://github.com/acemilyalcin/sample-node-project.git

# Navigate to the project directory
cd sample-node-project

# Install project dependencies (example for a Node.js project)
npm install

Step 6: Access and Use the Development Environment

# Start npm  Server
npm start

# Open a web browser and navigate to http://<public-ip-address>:3005

5. Conclusion

Hosting a development environment on an Azure VM offers a robust solution for developers needing a consistent and powerful setup. By following these steps, you can create a scalable and isolated development environment tailored to your team's needs. This approach, while requiring some initial setup and ongoing maintenance, ensures that development work is efficient, collaborative, and closely aligned with production environments.