QR + ngrok

Test localhost on your phone without typing a URL!

Install:
- libqrncode (brew install libqrencode)
- jq (brew install jq)
- ngrok (download the binary)
Put the following code in ~/.bash_profile or wherever you prefer to configure your shell
- Don't forget to source afterwards!
Start an ngrok tunnel (for example: ngrok http 3000 for an app running at localhost:3000)
In another terminal, run nqr. The QR code corresponding to your ngrok URL will open in Preview.
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)

chrmcg/qr+ngrok.md

QR + ngrok