Hackernoon logoNginx + Docker: How to Get Html Page Up With Local Domain Name by@ifomin

Nginx + Docker: How to Get Html Page Up With Local Domain Name

Igor Fomin Hacker Noon profile picture

@ifominIgor Fomin

Full stack web developer, tech lead, project manager

I will setup a very simple html page with docker and nginx.

Source files can be found here:

https://github.com/ikknd/docker-study in folder recipe-01

1. Create a project folder setup:

/var/www/docker-study.loc/recipe-01

-> /docker

-> /html

In "html" folder I will create index.html file, that simply says: "I work inside docker!"

In "docker" folder I will keep docker related files and configs.

2. Create nginx config site.conf in "docker" folder:

3. Edit /etc/hosts file on host machine, and add a record:

127.0.0.1       myapp.loc

4. Create docker-compose.yml file in "docker" folder:

Here I do several things:

  • point port 80 from inside container to port 80 on my host machine
  • copy html folder on my host machine to /var/www/myapp folder inside of container
  • copy site.conf nginx config file to /etc/nginx/conf.d/site.conf location in container

Note that we can point not only directories from host machines to inside of container, but also individual files.

5. Go to /var/www/docker-study.loc/recipe-01/docker/ and execute:

docker-compose up -d

If I now try myapp.loc/ in browser, I will see: "I work inside docker!".

In several simple steps, I got html file to be served via nginx, and got local domain name to work with docker setup.

Tags

Join Hacker Noon

Create your free account to unlock your custom reading experience.