Local development over HTTPS

[tdukart]

Because of the way our home-grown paywall is set up (specifically how it sets up cookies), testing login requires that we serve our site off of a subdomain of our primary site, even for local development. Our VPN handles setting up localhost.DOMAIN.com to serve off our laptops, but Fusion only works on HTTP.

To serve HTTPS, a few years ago I built a proxy package https://github.com/tdukart/https-cert-proxy, and with a little bit of customization we're generally able to host off off https://localhost.DOMAIN.com. But for one developer it crashes hard and we haven't been able to figure it out.

So I'm wondering: Does someone else have a different way to host the localhost on a secure domain other than plain localhost?

[jpblancoder]

My team has been using Caddy for localhost HTTPS proxy. There are various ways to generate the certificates.

File: package.json

"scripts": {
  "fusion:start": "fusion start",
  "secure": "caddy --version && caddy run",
  "start": "npm-run-all -p secure fusion:start",
}

File: Caddyfile

# PB Fusion site proxy
arc-local.domain.com {
  # Transport Layer Security for HTTPS
  tls ./dev/certs/arc-local.domain.com.pem ./dev/certs/arc-local.domain.com-key.pem

  # Prevent PB Editor "Bad Network Request" error for this file
  handle /pagebuilder/editor-global-message.json {
    header Content-Type "application/json"
    respond `{}` 200
  }

  # Reverse Proxy from HTTP on port 8080 to HTTPS on port 80
  reverse_proxy 127.0.0.1:8080 {
    header_up Host "localhost"
    header_up X-Real-IP {remote}
    header_up X-Forwarded-Host "localhost"
    header_up X-Forwarded-Server "localhost"
    header_up X-Forwarded-Port {port}
  }
}

File: hosts

127.0.0.1 arc-local.domain.com

File: .env

PORT=8080