K
Q

how to serve static files from EKS cluster for Django?

12/22/2021

I am new to Kubernetes. By reading some blogs and documentation I have successfully created the EKS cluster. I am using ALB(layer 7 load balancing) for my Django app. For controlling the routes/paths I am using the ALB ingress controller. But I am unable to serve my static contents for Django admin. I know that I need a webserver(Nginx) to serve my static files. I'm not sure how to configure to serve static files. note: (I don't want to use whitenoise)

apiVersion: extensions/v1beta1
kind: Ingress
metadata:
  name: "backend-ingress"
  annotations:
    kubernetes.io/ingress.class: alb
    alb.ingress.kubernetes.io/scheme: internet-facing
    alb.ingress.kubernetes.io/subnets: subnet-1, subnet-2, subnet-3
    alb.ingress.kubernetes.io/certificate-arn: arn:aws:acm:ap-southeast-1:***:certificate/*
    alb.ingress.kubernetes.io/listen-ports: '[{"HTTP": 80}, {"HTTPS":443}]'
    alb.ingress.kubernetes.io/actions.ssl-redirect: '{"Type": "redirect", "RedirectConfig": { "Protocol": "HTTPS", "Port": "443", "StatusCode": "HTTP_301"}}'
  labels:
    app: stage
spec:
  rules:
    - host: *.somedomain.com
      http:
        paths:
          - path: /*
            backend:
              serviceName: backend-service
              servicePort: 8000

this is the ingress yaml i am using. But whenever i am trying to visit my Django admin it's not loading the css and js files.

Deployment file:

apiVersion: apps/v1
kind: Deployment
metadata:
  name: server-dashboard-backend
  labels:
    app: backend
spec:
  replicas: 2
  selector:
    matchLabels:
      app: backend
  template:
    metadata:
      labels:
        app: backend
    spec:
      volumes:
        - name: staticfiles
          emptyDir: {}
      containers:
       - name: server-dashboard 
         image: *.dkr.ecr.ap-southeast-1.amazonaws.com/*:4
      volumeMounts:
            - name: staticfiles
              mountPath: /data  
         lifecycle:
            postStart:
              exec:
                command: ["/bin/sh", "-c" , "cp -r /static /data/"]

       - name: nginx
         image: nginx:stable
         ports:
            - containerPort: 80
         volumeMounts:
            - name: staticfiles
              mountPath: /data
-- Raisul
aws-application-load-balancer
django
kubernetes

Similar Questions

Unable to run kubectl command on MacOS
Kubernetes and Authorization header stripped
Assign aksapp.io to valid DNS name
How to set basic authentication mode to token based in kubernetes dashboard?
Gitlab Kubernetes executor runner execution job logs not visible

2 Answers

12/22/2021

I solved the problem creating a pod with the Django BE and Nginx reverse-proxy, sharing the static files volume:

---
apiVersion: apps/v1
kind: Deployment
metadata:
  name: myapp
  labels:
    app: myapp
spec:
  selector:
    matchLabels:
      app: myapp
  template:
    metadata:
      labels:
        app: myapp
    spec:
      volumes:
        - name: staticfiles
          emptyDir: {}
      containers:
        - name: nginx
          image: ...
          ports:
            - containerPort: 80
          volumeMounts:
            - name: staticfiles
              mountPath: /data

        - name: django
          image: ...
          ports:
            - containerPort: 8000
          volumeMounts:
            - name: staticfiles
              mountPath: /data
          lifecycle:
            postStart:
              exec:
                command: ["/bin/sh", "-c", "cp -r /path/to/staticfiles /data/"]

Then, in the Service (and the Ingress), point the Nginx 80 port.

-- Marco Caberletti
Source: StackOverflow
12/28/2021

I have solved the problem. i removed the command ["/bin/sh", "-c", "cp -r /path/to/staticfiles /data/"]

I was mounting in the wrong path. So the new deployment file is:

apiVersion: apps/v1
kind: Deployment
metadata:
  name: server-dashboard-backend
  labels:
    app: backend
spec:
  replicas: 2
  selector:
    matchLabels:
      app: backend
  template:
    metadata:
      labels:
        app: backend
    spec:
      volumes:
        - name: staticfiles
          emptyDir: {}

      containers:
       - name: server-dashboard 
         image: *.dkr.ecr.ap-southeast-1.amazonaws.com/*:4
         volumeMounts:
            - name: staticfiles
              mountPath: /usr/src/code/static
          

       - name: nginx
         image: nginx:stable
         ports:
            - containerPort: 80
         volumeMounts:
            - name: staticfiles
              mountPath: /usr/share/nginx/html/static/
-- Raisul
Source: StackOverflow