Cloud Development Environments — Cloud9, DevBox & Cloud Shell Guide

In this tutorial, you'll learn about Cloud Development Environments. We cover key concepts, practical examples, and best practices to help you understand and apply this topic effectively.

Cloud development environments provide browser-based IDEs and virtual desktops with pre-configured tools, letting developers write, debug, and deploy code from any device without local setup.

What You'll Learn

You'll learn how to set up Cloud9, DevBox, and Cloud Shell, configure persistent storage and custom tools, and use them for team collaboration and secure development workflows.

Why It Matters

Setting up a local development environment takes hours and varies across team members. Cloud environments are identical, pre-configured, and accessible from a browser. DodaTech uses Cloud9 for onboarding new developers — zero setup, instant productivity.

Real-World Use

A distributed team of 20 developers works on a monolithic application. Each developer opens a DevBox with the exact same tools, dependencies, and environment variables. When a bug appears on one machine, it reproduces on all machines.

Cloud IDE Architecture

flowchart LR
  A[Developer Browser] --> B[Cloud IDE]
  B --> C["Cloud9 / DevBox / Cloud Shell"]
  C --> D[Persistent Storage]
  C --> E[Pre-installed Tools]
  C --> F[Terminal Access]
  C --> G[Git Integration]
  F --> H[Cloud SDKs]
  G --> I["CodeCommit / Repos / Source Repos"]
  style B fill:#48f,color:#fff
  style C fill:#f90,color:#fff

AWS Cloud9

Cloud9 is a browser-based IDE with terminal, debugger, and pair programming.

# Create a Cloud9 environment
aws cloud9 create-environment-ec2 \
  --name dodatech-dev \
  --description "DodaTech development environment" \
  --instance-type t3.micro \
  --image-id resolve:ssm:/aws/service/cloud9/amazon-linux-2 \
  --subnet-id subnet-abc123 \
  --automatic-stop-time-minutes 30

# Clone a repository from CodeCommit
git clone https://git-codecommit.us-east-1.amazonaws.com/v1/repos/myapp
cd myapp

# Install dependencies and run tests
npm install
npm test

# Cloud9 comes with AWS SDK pre-installed
import boto3

s3 = boto3.client("s3")
buckets = s3.list_buckets()

for bucket in buckets["Buckets"]:
    print(f"  {bucket['Name']}")

Expected output:

  my-app-bucket
  dodatech-logs
  backups-prod

Azure DevBox

DevBox provides cloud-hosted developer workstations with Visual Studio integration.

# Create a DevBox project
az devcenter admin project create \
  --name dodatech-project \
  --resource-group my-rg \
  --dev-center-id /subscriptions/.../devCenters/dodatech-dc

# Create a DevBox definition (VM template)
az devcenter admin devbox-definition create \
  --name python-dev \
  --resource-group my-rg \
  --dev-center dodatech-dc \
  --image-reference id=/subscriptions/.../images/python-3.12 \
  --sku name=general_i_8c32gb256ssd_v2

# Create a DevBox for a developer
az devcenter dev devbox create \
  --name alice-devbox \
  --project-name dodatech-project \
  --devbox-definition-name python-dev

GCP Cloud Shell

Cloud Shell provides a free browser-based terminal with 5GB persistent storage.

# Cloud Shell comes with gcloud, kubectl, and docker pre-installed
gcloud config set project my-project
gcloud container clusters get-credentials my-cluster --region us-central1

# Restore persistent home directory from backup
ls -la $HOME

# Use the Cloud Shell code editor
cloudshell workspace ~/myapp

# Cloud Shell includes the Google Cloud client libraries
from google.cloud import storage

client = storage.Client()
buckets = list(client.list_buckets())

print(f"Found {len(buckets)} buckets in project")
for bucket in buckets:
    print(f"  {bucket.name}")

Expected output:

Found 3 buckets in project
  my-app-static
  data-lake-raw
  backups-weekly

Customizing Cloud Environments

# Cloud9: Install additional tools via user data
# In environment creation, add:
#!/bin/bash
sudo yum install -y postgresql-devel
pip install --user poetry
npm install -g serverless

# DevBox: Customize via a Dockerfile
FROM mcr.microsoft.com/devcontainers/python:3.12
RUN apt-get update && apt-get install -y postgresql-client
RUN pip install poetry pre-commit

# Cloud Shell: Customize via .customization_scripts
cat >> ~/myapp/.customization_script.sh << 'SCRIPT'
apt-get update && apt-get install -y jq
pip install poetry
SCRIPT

Common Errors

1. Not using ephemeral storage properly — Cloud9 and Cloud Shell instances are ephemeral. Store code in a Git Repository and configuration in persistent storage or dotfiles.
2. Idle instances running up costs — Cloud9 charges for the underlying EC2. Set automatic stop times (30-60 minutes) and use DevBox auto-stop policies.
3. Sharing credentials via screenshare — Pair programming in Cloud9 exposes terminal secrets. Use IAM roles and avoid typing passwords in shared sessions.
4. Cloud Shell 5GB limit — Cloud Shell home directory is limited to 5GB. Use Cloud Storage for larger datasets and tool caches.
5. Network restrictions blocking IDE connectivity — Cloud9 and DevBox require outbound HTTPS access. Corporate proxies and VPNs may block WebSocket connections used by the IDE.

Practice Questions

1. What is the difference between Cloud9 and DevBox? Cloud9 is a browser-based IDE. DevBox provides full Windows or Linux virtual desktops with Visual Studio. Cloud9 is lighter, DevBox is more feature-rich.
2. How does Cloud Shell persist files? Cloud Shell stores the home directory in a persistent 5GB disk backed up automatically. All other files are ephemeral.
3. What is the cost of cloud development environments? Cloud9 costs ~$0.064/hour for a t3.micro instance. DevBox pricing depends on the VM SKU. Cloud Shell is free for 50 hours per week.
4. How do you collaborate in real-time using Cloud9? Share the environment URL with another AWS user. Both users see the same terminal, editor, and output in real time.
5. Challenge: Design a cloud development environment Strategy for a team of 50 engineers. Consider environment customization, cost, security, and onboarding time. Compare Cloud9 vs DevBox vs local setups.

Mini Project

Set up a standardized cloud development environment:

• Create a Cloud9 environment with Python, Node.js, and Docker
• Clone a sample web application from CodeCommit
• Install project dependencies automatically via post-start script
• Configure the environment to stop after 1 hour of inactivity
• Document the setup so a new developer is productive in 5 minutes

FAQ

Built by the developers of Doda Browser, DodaZIP, and Durga Antivirus Pro.