QR + ngrok

Test localhost on your phone without typing a URL!

1. Install:
   • libqrncode (brew install libqrencode)
   • jq (brew install jq)
   • ngrok (download the binary)
2. Put the following code in ~/.bash_profile or wherever you prefer to configure your shell
   • Don't forget to source afterwards!
3. Start an ngrok tunnel (for example: ngrok http 3000 for an app running at localhost:3000)
4. In another terminal, run nqr. The QR code corresponding to your ngrok URL will open in Preview.
5. Open a new tab in Chrome on your phone, tap 'Search or Type URL', then tap the QR button just above the keyboard. Scan the code!
   • On iPhone, you can also type qr into Spotlight search to bring up Chrome's QR reader directly.

function qr {
    echo "Creating QR code for $1";
    qrencode -o /tmp/qr.png "$1";
    open /tmp/qr.png
}
export -f qr

function ngrok_https_url {
    curl -s http://127.0.0.1:4040/api/tunnels | jq -r '.tunnels | .[] | select(.proto | contains("https")) | .public_url'
}
export -f ngrok_https_url

alias nqr='qr `ngrok_https_url`'

• Tested on macOS Sierra (10.12.6)