Forked from rain-1/Raspberry Pi, Static HTTPS site with Docker and Nginx.md
Created
October 26, 2021 13:17
-
-
Save dsphinx/121767d6e47b2cb116dc8fba24965781 to your computer and use it in GitHub Desktop.
Revisions
-
rain-1 revised this gist
Oct 24, 2021 . 1 changed file with 1 addition and 1 deletion.There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal file line number Diff line number Diff line change @@ -119,7 +119,7 @@ root@c334b184bede:/# cat /etc/nginx/conf.d/default.conf # Setting up HTTPS * http://nginx.org/en/docs/http/configuring_https_servers.html Tip: You can run `netstat -tulpn` on your pi to see what ports it is listening on. -
rain-1 revised this gist
Oct 24, 2021 . 1 changed file with 3 additions and 0 deletions.There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal file line number Diff line number Diff line change @@ -143,3 +143,6 @@ docker run -p 80:80 -p 443:443 docker-nginx-https-test ``` You should have a working static HTTPS website on your pi now! *Big thanks to Ristovski for the tip to use omgwtfssl!* -
rain-1 created this gist
Oct 24, 2021 .There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal file line number Diff line number Diff line change @@ -0,0 +1,145 @@ # Raspberry Pi, Static HTTPS site with Docker and Nginx This tutorial is dated Oct 2021, if it's much further on than that this information might be out of date. This is a guide on setting up a static HTTPS website on your raspberry pi using docker and nginx. The aim is to have this running on the raspberry pi and to be able to access it from a host computer on the same local network. You should already be able to ssh into your pi from your host computer and have raspberry pi OS set up. # Find your raspberry pi If you dont know how to reach your raspberry pi you can run this command as root on your host to find all available devices ``` host# grc nmap -sn -T aggressive 192.168.1.0/24 ``` The `/24` means to scan all the ip addresses of the form `192.168.1.*`. # Set up Docker * https://docs.docker.com/engine/install/linux-postinstall/ Install docker (`#` means as root) and add your regular user to the docker group: ``` pi# apt install docker docker-compose pi# systemctl enable docker pi# usermod -aG docker pi ``` Reboot and ensure that you can run docker hello world: ``` pi$ docker run hello-world ``` # Run a prepared static website in docker * https://github.com/hypriot/rpi-busybox-httpd Try to run this test webserver and then access it from a web browser on your host machine: ``` pi$ docker run -d -p 80:80 hypriot/rpi-busybox-httpd ``` I've named my device `rpi` in its `/etc/hostname` file, which means I can access it via ssh as `[email protected]` instead of using an ip address. By default it was called `raspberrypi` but I wanted to shorten it. This means I will also be able to access it in a web browser as `http://rpi.lan/` This feature (The ability to refer to the device from your host using a name rather than ip address) is implemented by mDNS. An alternative to this is to add an entry to your `/etc/hosts` file on your host machine. # Run a custom static site with nginx * Here's one I made earlier: https://github.com/rain-1/docker-nginx-test * https://hub.docker.com/_/nginx Make a directory on your pi for this project. I called it `docker-nginx-test`. Make a directory on your pi called `html/` and put at least some `index.html` file in it. Create the following `Dockerfile`: ``` FROM nginx COPY html /usr/share/nginx/html ``` This creates a docker image based off the nginx image with your own change of copying in your custom html. Ensure you can build and run this, and access it from your host machine. ``` pi$ docker build -t docker-nginx-test . pi$ docker run -p 80:80 docker-nginx-test ``` # Creating an OpenSSL CA to add to your browser * https://github.com/paulczar/omgwtfssl The omgwtfssl docker image saved me a lot of trouble messing around with openssl command line tools. It's a run once to generate the files kind of thing. Create a directory for your CA and certs. If you rerun the command with different options it will reuse the existing CA (nice feature!). ``` host$ mkdir certs host$ docker run --mount type=bind,source=`pwd`/certs,target=/certs -e SSL_SUBJECT="rpi.lan" -e SSL_DNS="rpi.lan" paulczar/omgwtfssl ``` Now if you go into Chromium browser settings and search "certificates", in the Security tab, Manage Certificates, you can add an Authority. Import 'ca.pem'. Tell the browser to Trust this certificate for identifying websites. This should add 'org-test-ca' to your browser. This allows HTTPS certificates signed by that to be seen as valid in your browser. # Run a custom nginx configuration Before setting up TLS we want to edit the nginx configuration. This is a little bit easier if you don't use docker. It might be useful to have practiced with configuring and setting up a server before doing so in docker, just because docker abstracts you away from it by one level. This also brings advantages which is why we are bothering to use docker. Anyway, following the guidance from the docker hub page for nginx: * https://hub.docker.com/_/nginx "Complex configuration" section copy the entire `/etc/nginx` configuration folder out of the stock docker image so that we can edit it and copy it into our custom image. The file we want to edit is `nginx/conf.d/default.conf`. For now just add a comment like `### I EDITED THIS FILE!` to the end of this file. This will let us to verify that our changed version was put into the docker image we're about to create. I messed this up before and I was having HTTPS not working, but no errors about why it wasn't working. So it can save time if you are check things like this. New Dockerfile: ``` FROM nginx COPY html /usr/share/nginx/html COPY nginx /etc/nginx/ ``` Now build the docker container and you can execute a bash shell inside it, to look around and check that the config file has been edited. ``` pi$ docker build -t docker-nginx-https-test . pi$ docker run -t docker-nginx-https-test -i bash root@c334b184bede:/# cat /etc/nginx/conf.d/default.conf ``` # Setting up HTTPS * Tip: You can run `netstat -tulpn` on your pi to see what ports it is listening on. Add the following lines to your nginx config ``` listen 443 ssl http2; listen [::]:443 ssl http2; ssl_certificate /etc/nginx/ssl/cert.pem; ssl_certificate_key /etc/nginx/ssl/key.pem; ``` as well as creating an ssl/ directory inside your nginx config folder. and copy those two files (cert.pem and key.pem) from your host into `nginx/ssl/` on your pi. You can build this docker image as before, to run it you need to provide the ssl port, so: ``` docker run -p 80:80 -p 443:443 docker-nginx-https-test ``` You should have a working static HTTPS website on your pi now!