Skip to main content

Packaging a Static Website with Dockerfile and pushing to DockerHub

 Want to read this with better formatting? Of course you do; Check out the page on Notion!

 

What's in the image?

A simple static webpage I had created for fun a few months ago. I knew it would come in handy!

What did I do?

  • Used demo static webpage for testing.
  • Created Dockerfile

💡 It should be Dockerfile, no extension. Dockerfile.Dockerfile is incorrect!

  • Used nginx Alpine as server and the following code:

 FROM scratch as static-site 

WORKDIR /app 

COPY . . [#to same directory]

FROM nginx:1.16.0-alpine as server

 COPY --from=static-site /app /usr/share/nginx/html 

EXPOSE 80 [#For web access]

CMD [ "nginx", "-g", "daemon off;"]

 From Mwiza Kumwenda (see resources below).

 

CMD [ "nginx", "-g", "daemon off;"]
 
 

 

I wondered if I should use "start" in the CMD [ "nginx", "-g", "daemon off;"] list/tuple, but it worked to package the image without it

 Actually, pushing the image required me to start it as a container and then package the container, otherwise, you're met with the following error messages;

Error Pushing to Docker Hub:

An image does not exist locally with the tag username/staticapptest an 'denied: requested access to the resource is denied', 'failed to read dockerfile:
open /var/lib/docker/tmp/buildkit-mount267173172/Dockerfile: no such file or directory'

It seems odd to me, but I'm not a Docker Developer, I'm sure they have a good reason for this!

The Fix

  • Creating the image as a container and then pushing it works

Steps Taken:

  1. Package app (above)
  2. Run the Image
  3. Take the Image ID and run within a container;
776442dod12   libtest:latest   "nginx -g 'daemon of…"   18 seconds ago   Up 13 seconds   0.0.0.0:80->80/tcp   hopeful_thompson
  1. Commit the container;
docker commit 776442dod12   <name>/libtest:<tag>
  1. 5 docker images reveals;
libtest            latest    776442dod12   25 hours ago     29.4MB
  1. Then I push it to my DockerHub;

 And it works; Check it out publicly here.

Make Sure...

  • You're in the right directory with the file. 
  • The file is simple Dockerfile, not Dockerfile.Dockerfile. 
  • The image is run in a container before you package.

 

Resources used:

 

Comments

Popular posts from this blog

Making KPI Dashboards with PowerBI

 While this is the free tier, I cannot share or collaborate with others, nor can I publish content to other people's workspaces, but they will not stop me from screenshooting and recording these self-taught adventures,so! I'm doing this because I idly searched "Mattel careers" and "Information Technology", and seeing a bulletpoint saying the following: Analytical and reporting skills such as creating dashboards and establishing KPIs such as experience with PowerBI, Cognos, Tableau, and Google Data Lake/AWS is preferred And thought "Well, I've used Tableau, and I've heard about PowerBI,  even if its in-demandness is questionable , so how similar is it? And can I write about it?"  First, PowerBI (PIB) does have a downloadable, local version, but apparently Windows-only. I could download the .exe but I couldn't run it / drag it to applications on my MacBook.  Not a problem, we'll use the online SaaS version, and a dataset found here, ...

Connecting IoT Devices to a Registration Server (Packet Tracer, Cisco)

 If you're seeing this post, I'm helping you, and you probably have LI presence: React and share this post to help me in return.   In Packet Tracer, a demo software made by Cisco Systems. It certainly has changed a lot since 2016. It's almost an Olympic feat to even get started with it now, but it does look snazzy. This is for the new CCNA, that integrates, among other things, IoT and Automation, which I've worked on here before. Instructions here . I don't know if this is an aspect of "Let's make sure people are paying attention and not simply following blindly", or an oversight - The instructions indicate a Meraki Server, when a regular one is the working option here. I have to enable the IoT service on this server. Also, we assign the server an IPv4 address from a DHCP pool instead of giving it a static one. For something that handles our IoT business, perhaps that's safer; Getting a new IPv4 address every week or so is a minimal step against an...

Create a Simple Network (Packet Tracer) + A Walkthrough

Again; I've done this, but now there's so many new things, I'm doing it again. The truly new portions were...everything on the right side of this diagram; The cloud needed a coax connector and a copper Ethernet connector. It's all easy to install, turn off the cloud (Weird), install the modules. Getting the Cable section of Connections was an unusual struggle - The other drop down menu had nothing within. It required going into the Ethernet options and setting the Provider Network to 'cable', which is the next step AFTER the drop-downs. The rest was typical DHCP and DNS setups, mainly on the Cisco server down there. The post is rather short - How about adding a video to it? Find out what A Record means - This site says 'Maps a name to an IP address', which is DNS. So it's another name for DNS? You can change them (presumably in a local context) to associate an IP address to another name.