Dockerise HTML
Preface
This post assumes that you have some basic understanding of Docker, Docker Compose, and the key components used in the docker ecosystem. Get up to speed, with the Prepare Your Docker Environment section of Docker docs.
- Install Docker
- install docker-compose
Create a sample static app
<!DOCTYPE html>
<html lang="en">
<head>
<title>Platform Ops</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>
<body>
<div class="jumbotron">
<h1>Platform Ops</h1>
<p>Anything and Everything as container</p>
</div>
</body>
</html>
Option #1
Deploy Static app as container with nginx image
Create a docker-compose.yml
version: "3"
services:
static-app:
image: nginx:1.17
container_name: platform-ops
volume:
- . /usr/share/nginx/html
deploy:
replicas: 1
ports:
- 80:80
- RUN the container
docker-compose up -d
Option #2
Create a Dockerfile to create a custom image
Create a Dockerfile with NGINX as base image, copying the static content of the website.
FROM nginx:1.17
COPY . /usr/share/nginx/html
FROM nginx:1.17- Base image of the container, with the version1.17COPY . /usr/share/nginx/html- Copying the content of the current directory.to/usr/share/nginx/htmllocation of the container.
Create a docker image
Docker CLI will use the Dockerfile, to create the docker image. Here is the docker build command to create the image
docker build -t platform-ops-static .
By default it create a image with latest tag.
OR
To create the docker image with tag as follows
docker build -t platform-ops-static:v1 .
platform-ops-static- image namev1- tag to maintain the version between the images
Deploy Static app as container
Create a docker-compose.yaml
version: "3"
services:
static-app:
image: platform-ops-static
container_name: platform-ops
deploy:
replicas: 1
ports:
- 80:80
- RUN the container
docker-compose up -d