Deploy Static HTML Website as Container

Deploy Static HTML Website as Container

img1

Docker Images start from a base image. The base image should include the platform dependencies required by your application, for example, having the JVM or CLR installed.

This base image is defined as an instruction in the Dockerfile. Docker Images are built based on the contents of a Dockerfile. The Dockerfile is a list of instructions describing how to deploy your application.

Under this particular example we are taking our base image as alpine version of Nginx. This provides the configured web server on the linux alpine distribution.

 

As  a first step we require to create our own docker file with below content :-

FROM nginx:alpine

COPY . /usr/share/nginx/html

The first line defines our base image. The second line copies the content of the current directory into a particular location inside the container.

The Dockerfile is used by the Docker CLI build command. The build command executes each instruction within the Dockerfile. The result is a built Docker Image that can be launched and run your configured app.
The build command takes in some different parameters. The format is

docker build -t <build-directory>.

img2

The -t parameter allows you to specify a friendly name for the image and a tag, commonly used as a version number. This allows you to track built images and be confident about which version is being started.

Now we can build our static HTML image using the build command below .

docker build -t webserver-image:v1 .

Once the command is executed successfully we can view the image list using the command :-

docker images
img3

The built image will have the name webserver-image with a tag of v1

With the built Image it can be launched in a consistent way to other Docker Images. When a container launches, it’s sandboxed from other processes and networks on the host. When starting a container you need to give it permission and access to what it requires.

For example, to open and bind to a network port on the host you need to provide the parameter

-p <host-port>:<container-port>.

Next we can launch our newly built image providing the friendly name and tag. As it’s a web server, bind port 80 to our host using the -p parameter.

docker run -d -p 80:80 webserver-image:v1

Once started, we’ll be able to access the results of port 80 via curl docker

To render the requests in the browser use the following links

https://<<machineip>>/

img4

 

We now have a static HTML website being served by running docker nginx container

Leave a Reply