Step 1: Set Up Your Azure Environment

• Log into your Azure account through the Azure Portal.
• In the Azure Portal, open the Cloud Shell by clicking the icon at the top of the page.
• Choose your preferred shell environment, either Bash or PowerShell.
• Ensure you have the necessary CLI tools installed to create and manage AKS clusters.

Step 2: Create an Azure Kubernetes Service (AKS) Cluster

• Create a resource group:

  az group create --name myResourceGroup --location eastus

• Create the AKS cluster:

  az aks create --resource-group myResourceGroup --name myAKSCluster --node-count 1 --enable-addons monitoring --generate-ssh-keys

• Connect to your AKS cluster:

  az aks get-credentials --resource-group myResourceGroup --name myAKSCluster

Step 3: Install the Bubble Application

• Create a Dockerfile to containerize your Bubble app. Below is an example Dockerfile:

  FROM node:14
  
  WORKDIR /app
  COPY . .
  RUN npm install
  CMD ["npm", "start"]
  

  
  


• Build the Docker image:
  

  docker build -t mybubbleapp:latest .

  
  


• Push the Docker image to Azure Container Registry (or Docker Hub):
  

  docker tag mybubbleapp:latest myacr.azurecr.io/mybubbleapp:latest
  docker push myacr.azurecr.io/mybubbleapp:latest

  
  

Step 4: Deploy Bubble App on AKS

• Create a Kubernetes deployment file (deployment.yaml) for your Bubble app:

  apiVersion: apps/v1
  kind: Deployment
  metadata:
    name: mybubbleapp
  spec:
    replicas: 1
    selector:
      matchLabels:
        app: mybubbleapp
    template:
      metadata:
        labels:
          app: mybubbleapp
      spec:
        containers:
      - name: mybubbleapp
          image: myacr.azurecr.io/mybubbleapp:latest
          ports:
          - containerPort: 3000
  

• Apply the deployment:

  kubectl apply -f deployment.yaml

• Create a Kubernetes service file (service.yaml) to expose your Bubble app:

  apiVersion: v1
  kind: Service
  metadata:
    name: mybubbleapp-service
  spec:
    type: LoadBalancer
    selector:
      app: mybubbleapp
    ports:
      - protocol: TCP
        port: 80
        targetPort: 3000
  

• Apply the service:

  kubectl apply -f service.yaml

Step 5: Verify the Deployment

• Check the status of your deployment and service:

  kubectl get deployments
  kubectl get services

• To retrieve the external IP of the service:

  kubectl get svc -w mybubbleapp-service

• Access your Bubble app using the external IP obtained in the previous step.

Step 6: Clean Up

• Delete the resources you created when you no longer need them:

  az group delete --name myResourceGroup --yes --no-wait