DEV Community

Cover image for Kubernetes quick tutorial
Francesco Ciulla
Francesco Ciulla

Posted on • Edited on

Kubernetes quick tutorial

πŸ‘‹ Introduction

Let's make the simplest but understandable Kubernetes example ever.

Video version:

We will create our first example with Kubernetes starting from scratch, using:

  • JavaScript

  • Node.js

  • Docker

  • Docker Compose

  • Kubernetes

πŸ“ƒ Requirements

  • Node.js

  • Docker (with Kubernetes enabled)


πŸš€ Getting started

Let's start in a new VS Code window (or any other editor of your choice).

1. Create a new project



npm init -y


Enter fullscreen mode Exit fullscreen mode

2. Install the dependencies



npm i express


Enter fullscreen mode Exit fullscreen mode

3. Create a new file called index.js



touch index.js


Enter fullscreen mode Exit fullscreen mode

project structure

Let's create a simple Express server that listens on port 3000 and returns a response.



//simple express server
const express = require('express');
const app = express();

app.get('/', (req, res) => {
  res.send('Hello World!');
});

app.listen(3000, () => {
  console.log('Example app listening on port 3000!');
});


Enter fullscreen mode Exit fullscreen mode

Run this by typing:



node index.js


Enter fullscreen mode Exit fullscreen mode

Hello World

Now it's time to Dockerize our application.


🐳 Dockerizing our application

We will dockerize the application by creating three files:

  • .dockignore

  • Dockerfile

  • docker-compose.yml



touch .dockignore Dockerfile docker-compose.yml


Enter fullscreen mode Exit fullscreen mode

❌ .dockignore

Add node_modules to the file

image.png

This is to ignore the local node_modules folder when building the image.

🐳 Dockerfile

Open the Dockerfile and add the following:



FROM node:19-alpine

# Create app directory
WORKDIR /app

# Copy package.json and package-lock.json
COPY package*.json ./

# Install dependencies
RUN npm install

# Copy source code
COPY . .

# Expose port 3000
EXPOSE 3000

# Run the app
CMD [ "node", "index.js" ]


Enter fullscreen mode Exit fullscreen mode

To build the app, let's populate the docker-compose.yml file with the following:



version: '3.9'

services:
  myapp:
    container_name: myapp
    image: myapp:1.0.0
    build: .
    ports:
      - 3000:3000


Enter fullscreen mode Exit fullscreen mode

Explanation of the docker-compose.yml file:

  • version: '3.9' - the version of the docker-compose file

  • services: - the services (containers) we want to run. In this case, just one.

  • myapp: - the name of the service

  • container_name: myapp - the name of the container

  • image: myapp:1.0.0 - the name of the image

  • build: . - the path to the Dockerfile. In this case, the current directory.

  • ports: - the ports that we want to expose. In this case, port 3000 of the container will be exposed on port 3000 of the host machine.

Before we test it with Docker, let's modify the index.js file by changing Hello World! to Hello Docker!



//simple express server
const express = require('express');
const app = express();

app.get('/', (req, res) => {
  res.send('Hello Docker!');
});

app.listen(3000, () => {
  console.log('Example app listening on port 3000!');
});


Enter fullscreen mode Exit fullscreen mode

Now let's run the container by typing this in the terminal:



docker compose up


Enter fullscreen mode Exit fullscreen mode

Hello Docker!

Nice! Now it's the turn of Kubernetes.

But before we do that, let's change the Hello Docker! to Hello Kubernetes!



//simple express server
const express = require('express');
const app = express();

app.get('/', (req, res) => {
  res.send('Hello Kubernetes!');
});

app.listen(3000, () => {
  console.log('Example app listening on port 3000!');
});


Enter fullscreen mode Exit fullscreen mode

Then rebuild the image by typing:



docker compose build


Enter fullscreen mode Exit fullscreen mode

ℹ️ This is not really necessary, but good to understand how it works.


☸️ Kubernetes

Before we start, be sure Kubernetes is enabled in Docker Desktop.

image.png

Pods, Deployments, and Services

Kubernetes is a container orchestration tool. It is used to manage multiple containers on multiple hosts. In our case, we will use our machine as a single host.

We will keep it as minimal as possible by creating a deployment and a service.

Just three definitions to get started as soon as possible.

pod: the smallest deployable unit of computing that can be created and managed in Kubernetes.

deployment: a Kubernetes object that manages a set of pods. It is responsible for creating and updating pods.

service: an abstraction that defines a logical set of pods and a policy by which to access them. They are used to expose a set of pods to external traffic.

πŸ“ Create the deployment

We will create a deployment in less than 20 lines of code.

At the root of the project, create a new file called deployment.yaml and add the following:



apiVersion: apps/v1
kind: Deployment
metadata:
  name: myapp
spec:
  replicas: 3
  selector:
    matchLabels:
      app: myapp
  template:
    metadata:
      labels:
        app: myapp
    spec:
      containers:
        - name: myapp
          image: myapp:1.0
          ports:
            - containerPort: 3000


Enter fullscreen mode Exit fullscreen mode

⚠️ You might see a warning in the last five lines, but it's only because this configuration might eat a lot of resources. But let's keep it simple for now.

Explanation of the deployment.yaml file:

  • apiVersion: apps/v1 - the version of the Kubernetes API

  • kind: Deployment - the kind of object we want to create. In this case, a deployment.

  • name: myapp - the name of the deployment

  • replicas: 3 - the number of replicas of the deployment

  • image: myapp:1.0 - the image of the container. We defined this in the docker-compose.yml file

  • ports: - the ports of the container. 3000 in this case.

Before we create the deployment, let's check if there are any deployments in the cluster:



kubectl get deployments


Enter fullscreen mode Exit fullscreen mode

image.png

Let's create the deployment by typing:



kubectl apply -f deployment.yaml


Enter fullscreen mode Exit fullscreen mode

Then let's try to get the deployments again:



kubectl get deployments


Enter fullscreen mode Exit fullscreen mode

We can also get a detail of the pods:



kubectl get pods


Enter fullscreen mode Exit fullscreen mode

image.png

As you can see, we have 3/3 pods running (we defined replicas: 3 in the deployment.yaml file).

But creating a deployment is not enough. We need to expose the deployment to the outside world!

🌐 Create the service

We will create a service in 11 lines of code.

At the root of the project, create a new file called service.yaml and add the following:



apiVersion: v1
kind: Service
metadata:
  name: myapp
spec:
  selector:
    app: myapp
  ports:
    - port: 80
      targetPort: 3000
  type: LoadBalancer


Enter fullscreen mode Exit fullscreen mode

This is enough to expose the deployment to the outside world (port 80)

Before we apply this configuration, let's check if there are any services in the cluster:



kubectl get services


Enter fullscreen mode Exit fullscreen mode

image.png

There is one called Kubernetes but that's the default service that is created when you install Kubernetes.

Let's create the service by typing:



kubectl apply -f service.yaml


Enter fullscreen mode Exit fullscreen mode

Then let's try to get the services again:



kubectl get services


Enter fullscreen mode Exit fullscreen mode

image.png

Finally, visit localhost:80 in your browser and you should see Hello Kubernetes!

image.png

🧹 Clean up

To clean up, delete the deployment and the service:



kubectl delete -f deployment.yaml
kubectl delete -f service.yaml


Enter fullscreen mode Exit fullscreen mode

image.png

🏁 Conclusion

We did it! We created our first example with Kubernetes starting from scratch, using:

  • JavaScript

  • Node.js

  • Docker

  • Docker Compose

  • Kubernetes

Video Version:

All the code is available in the GitHub repository (link in the video description): https://youtu.be/noJmOirhHKM

That's all.

If you have any questions, drop a comment below.

Francesco

Top comments (11)

Collapse
 
shashwattiwari profile image
Shashwat Tiwari

Hi @francescoxx thank you writing a detailed post on kubernetes for beginners like me. I'm facing some issues with few steps mentioned in the article.

  1. can you please explain the output of docker compose build?
  2. and visit localhost:80 in your browser step doesn't work for me. The browser shows This page isn’t working. localhost didn’t send any data. ERR_EMPTY_RESPONSE. Please help here.
Collapse
 
francescoxx profile image
Francesco Ciulla

docker compose build builds all the images that have a build key in the docker compose

I think you might have that port alrady in use. try to change the 80 with another one in all the files and try again

Collapse
 
tythos profile image
Brian Kirkpatrick

Probably goes without saying, but the above also works seamlessly with Rancher Desktop for your local Docker & K8s provider.

Collapse
 
tythos profile image
Brian Kirkpatrick

Actually, my mistake--you can't use a local LoadBalancer to expose your service from Rancher Desktop; instead you may want to define an Ingress resource.

Collapse
 
francescoxx profile image
Francesco Ciulla

thanks for coming again to clarify this

Collapse
 
francescoxx profile image
Francesco Ciulla

ye probably

Collapse
 
drsimplegraffiti profile image
Abayomi Ogunnusi

Thanks for this post, I got in the external ip column, I used the following command

❯ minikube tunnel --cleanup

Collapse
 
sumitsaurabh927 profile image
Sumit Saurabh

Excellent write-up, Fran!

Collapse
 
francescoxx profile image
Francesco Ciulla

thanks Sumit

Collapse
 
rafaelrferreira profile image
Rafael R. Ferreira πŸ•ΉοΈπŸ•

Excellent tutorial! Trying kubernetes on 3,2,1...

Collapse
 
francescoxx profile image
Francesco Ciulla

thanks Rafael!