Setup Local SSL

Install mkcert, nss

• https://github.com/FiloSottile/mkcert
  • Create a local SSL certificate tool
• https://developer.mozilla.org/en-US/docs/Mozilla/Projects/NSS
  • Network Security Services
  • Required to enable SSL on localhost in Firefox

$ brew install mkcert nss

mkcert: Create CA(Certification Authority)

$ mkcert -install

Chrome settings

• chrome://flags/#allow-insecure-localhost
  • DISABLED => ENABLED

mkcert: Create private key and public key

$ mkcert -cert-file ./infra/docker/nginx/localhost.pem -key-file ./infra/docker/nginx/localhost-key.pem localhost

Add .gitignore file

$ echo '*.pem' >> ./infra/docker/nginx/.gitignore

Edit: compose.yml

services:
  web:
    ports:
      - target: 443
        published: 443
        protocol: tcp
        mode: host

Edit: infra/docker/nginx/default.conf

server {
    # listen 80;
    # listen [::]:80;
    listen 443 ssl;
    listen [::]:443 ssl;
    server_name localhost;
    ssl_certificate /etc/nginx/conf.d/localhost.pem;
    ssl_certificate_key /etc/nginx/conf.d/localhost-key.pem;

    # ...
}

Reference: http://nginx.org/en/docs/http/configuring_https_servers.html

Edit: infra/docker/nginx/Dockerfile

COPY ./infra/docker/nginx/*.pem /etc/nginx/conf.d/

Build & Up

$ docker compose down
$ docker compose build web
$ docker compose up -d

Access localhost

https://localhost