What are Kubernetes Deployments and Services?<\/h2>\n
Kubernetes Deployments and Services are key Kubernetes Objects that are created within a Kubernetes Cluster. They are utilized for deploying containerized applications. The most common way of defining Kubernetes Deployments and Services files is in YAML format. A YAML file encapsulating all necessary configurations for the application.<\/p>\n
Kubernetes interprets these YAML files, executes the specifications in the files, and deploys the Kubernetes application onto the cluster. In the process, it ensures the Kubernetes application meets the desired state. During the deployment process, you will also need Kubectl.<\/p>\n
What is Kubectl?<\/h2>\n
Kubectl is a command-line interface tool specifically designed to manage Kubernetes clusters. In this article, we will use Kubectl commands to execute the YAML files. In doing so, we will effectively deploy the Kubernetes Objects onto the Kubernetes Cluster.<\/p>\n
You also need to know how to use the Kubectl command line interface tool for Kubernetes. We will use the Kubectl tool to execute the YAML files and deploy the Kubernetes Deployment and Service to Kubernetes Cluster to Kubernetes Cluster.<\/p>\n
Now that you understand our article’s theoretical part let’s start implementing it practically. Before we create the YAML files for both the Kubernetes Deployment and Kubernetes Service, the first step is to create a basic React.js application.<\/p>\n
Setting up a Basic React.js Application<\/h2>\n
To set up a basic React.js application, run the following This command will create a directory named Executing this You can enter this URL into your browser to view the React.js application.<\/p>\n The React.js application is now up and running. Now that we have our React.js application operational, the next step is to containerize it using Docker.<\/p>\n To containerize the basic React.js application using Docker, we will first build a Docker image using a Dockerfile. In the Docker will use these instructions within the Dockerfile to build a Docker image for our basic React.js application. To now build the Docker image, run the following Docker command:<\/p>\n NOTE: When naming the Docker image, use the same name as your Docker hub account username. It will make it easier to push your Docker image to your Docker hub repository and subsequently deploy the containerized application to the Kubernetes cluster.<\/em><\/p>\n To launch a Docker container for the React.js application, run the Docker image with the following This command will initiate and launch the React.js application within a Docker container. You can access the containerized React.js application by entering http:\/\/localhost:3000\/ into your browser.<\/p>\n To push the Docker image to Docker Hub, ensure you’ve set up a Docker Hub account and then create a Docker Hub repository. When creating the Docker hub repository, use this naming convention: After completing the process, run the following commands one after the other in your terminal:<\/p>\n This process of pushing your Docker image to Docker Hub holds significant importance since we will specify the Docker Hub repository for our image in the Kubernetes Deployment YAML file. Kubernetes will then pull the specified Docker image from this Docker Hub repository and create a containerized application inside the Kubernetes Cluster.<\/p>\n The next step involves launching the Minikube Kubernetes Cluster. Inside Minikube, we will deploy the Kubernetes Deployments and Services.<\/p>\n To launch the Minikube Kubernetes Cluster, execute the following commands sequentially:<\/p>\n Executing these commands will activate and launch a Minikube cluster on your local machine, as depicted in the image below:<\/p>\n Next, ensure Kubectl is operational by executing the following command:<\/p>\nnpx<\/code> command below:<\/p>\nnpx create-react-app basic-app<\/pre>\n
basic-app<\/code>, generating all necessary files for a functional React.js application. To launch the application, navigate into the basic-app<\/code> directory and execute the following npm<\/code> command:<\/p>\nnpm start<\/pre>\n
npm<\/code> command will initiate the application, making it accessible at http:\/\/localhost:3000\/:<\/code><\/p>\n![](\"https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2024\/04\/word-image-102049-1.png\")
<\/p>\n![](\"https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2024\/04\/word-image-102049-2.png\")
<\/p>\nContainerizing the Basic React.js Application using Docker<\/h2>\n
basic-app<\/code> directory, create a Dockerfile<\/code>. After creating the file, add the following instructions:<\/p>\nFROM node:21-alpine\nWORKDIR \/basic-app\nCOPY package.json .\nCOPY package-lock.json .\nRUN npm install\nCOPY . .\nEXPOSE 3000\nCMD [\"npm\", \"start\"]<\/pre>\n
docker build -t <image-name>\/<tag-name> .<\/pre>\n
Initiating a Docker Container<\/h3>\n
docker<\/code> command:<\/p>\ndocker run -p 3000:3000 <image-name>\/<tag-name><\/pre>\n
![](\"https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2024\/04\/word-image-102049-3.png\")
<\/p>\nPushing the Docker Image to Docker Hub<\/h3>\n
<image-name>\/<tag-name><\/code><\/p>\ndocker login\n\ndocker push <image-name>\/<tag-name><\/pre>\n
Launching the Minikube Kubernetes Cluster<\/h2>\n
minikube config set driver docker\n\nminikube start<\/pre>\n
![](\"https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2024\/04\/word-image-102049-4.png\")
<\/p>\nkubectl --version<\/pre>\n
![](\"https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2024\/04\/word-image-102049-5.png\")
<\/p>\n![](\"https:\/\/www.red-gate.com\/simple-talk\/wp-content\/uploads\/2024\/04\/word-image-102049-6.png\")
<\/p>\n