Skip to main content

The ngrok cheatsheet

Getting started with ngrok is almost suspiciously easy. Which is why the question we hear most often isn’t “where do I start?” but rather “what else can I do with ngrok?” For over a decade, we’ve been serving millions of developers and, through them, millions of users.

Sure, our documentation has all the answers, every CLI flag, every Traffic Policy configuration neatly laid out, but what about the developers who are always on the lookout for a TL;DR? What if you too are not looking for a full solution or a specific use case for your next project, but just want to know… what else **you** can do with ngrok?

Presenting ngrok’s new cheatsheet that walks you through some of our most interesting offerings, designed to scratch that itch of not just serving, but also securing endpoints in as little as two steps. Read on or download the crisp two-pager printable in PDF.

Installation

macOS

# Install via Homebrewbrew install ngrok # Add your authtokenngrok config add-authtoken <token> # Start an endpointngrok http 80

Linux

# Install via Aptcurl -sSL https://ngrok-agent.s3.amazonaws.com/ngrok.asc \  | sudo tee /etc/apt/trusted.gpg.d/ngrok.asc >/dev/null \  && echo "deb https://ngrok-agent.s3.amazonaws.com bookworm main" \  | sudo tee /etc/apt/sources.list.d/ngrok.list \  && sudo apt update \  && sudo apt install ngrok# OR# Install via Snapsnap install ngrok # Add your authtokenngrok config add-authtoken <token> # Start an endpointngrok http 80

Windows

# Install via WinGetwinget install ngrok -s msstore# OR# Install via Scoopscoop install ngrok # Add your authtokenngrok config add-authtoken <token> # Start an endpointngrok http 80

Kubernetes

# Add ngrok Kubernetes Operator to Helmhelm repo add ngrok https://charts.ngrok.com # Add ngrok API key and authtokenexport NGROK_AUTHTOKEN=YOUR_NGROK_AUTHTOKENexport NGROK_API_KEY=YOUR_NGROK_API_KEY helm install ngrok-operator ngrok/ngrok-operator \  --namespace ngrok-operator \  --create-namespace \  --set credentials.apiKey=$NGROK_API_KEY \  --set credentials.authtoken=$NGROK_AUTHTOKEN

Docker

# Install via Dockerdocker pull ngrok/ngrok # Run ngrok via Dockerdocker run --net=host -it -e NGROK_AUTHTOKEN=xyz ngrok/ngrok:latest http 80

SDKs

# Node.js: https://ngrok.com/downloads/node-jsnpm install @ngrok/ngrok # Go: https://ngrok.com/downloads/gogo get golang.ngrok.com/ngrok/v2 # Python: https://ngrok.com/downloads/pythonpython3 -m pip install ngrok # Rust: https://ngrok.com/downloads/rust# Install ngrok-rust package and the required dependenciescargo add ngrok -F axum && cargo add axum && cargo add tokio -F rt-multi-thread -F macros

Expose different kinds of servers

Read the Docs: https://ngrok.com/docs/gateway/agent/#example-usage

API service

# Example: API service on localhost:8080ngrok http 8080

Web app

# Example: On localhost:3000ngrok http 3000

SSH server

# Example: On Port 22ngrok tcp 22

Postgres server

ngrok tcp 5432

Any service or server on a different machine

ngrok http http://192.168.1.50:8080

Troubleshoot

Read the Docs: https://ngrok.com/docs/gateway/agent/#troubleshooting-connectivity

ngrok diagnose # To test IPv6 connectivityngrok diagnose --ipv6 true # To test connectivity between the ngrok agent and all ngrok points of presencengrok diagnose --region all # For a verbose reportngrok diagnose -w out.txt #ORngrok diagnose --write-report out.txt

Add authentication with Traffic Policy

Read the Docs: https://ngrok.com/docs/gateway/traffic-policy/

Create a Traffic Policy file policy.yaml

nano policy.yaml

Add the OAuth Action with Google

List of Providers: https://ngrok.com/docs/gateway/traffic-policy/actions/oauth/#supported-providers

# policy.yamlon_http_request:  - actions:      - type: oauth        config:          provider: google # OAuth available with Amazon, Facebook, GitHub, GitLab, Google, LinkedIn, Microsoft, Twitch

Run your endpoint with the Traffic Policy file

ngrok http 8080 --traffic-policy-file=policy.yaml

Restrict OAuth to specific emails

# policy.yamlon_http_request:  - actions:      - type: oauth        config:          provider: google  - expressions:      - "!(actions.ngrok.oauth.identity.email in ['alice@example.com','bob@example.com'])"    actions:      - type: deny

Restrict OAuth to specific domains

# policy.yamlon_http_request:  - actions:      - type: oauth        config:          provider: google  - expressions:      - "!(actions.ngrok.oauth.identity.email.endsWith('@example.com'))"    actions:      - type: deny

Verify your webhooks

Read the Docs: https://ngrok.com/docs/gateway/traffic-policy/actions/verify-webhook/

Add the verify-webhook action for Slack

# policy.yamlon_http_request:  - actions:      - type: verify-webhook        config:          provider: slack          secret: $SLACK_TOKEN

Read more: https://ngrok.com/docs/integrations/webhooks/slack-webhooks

CLI Alternative

ngrok http 3000 \  --verify-webhook=slack \  --verify-webhook-secret=$SLACK_TOKEN

Replace provider for any supported provider

List of supported providers: https://ngrok.com/docs/gateway/traffic-policy/actions/verify-webhook/

# policy.yamlon_http_request:  - actions:      - type: verify-webhook        config:          provider: $PROVIDER # Example: GitHub          secret: $PROVIDER_TOKEN

Do even more with internal endpoints

Read the docs: https://ngrok.com/docs/gateway/endpoints/internal-endpoints

Create an internal agent endpoint

# Create a private, internal agent endpoint only reachable via forward-internalngrok http 8080 --url https://api.internal

Create a Cloud Endpoint

Read the Docs: https://ngrok.com/docs/gateway/traffic-policy/actions/forward-internal/

# Forward to an internal endpoint from a public endpointon_http_request:  - actions:      - type: forward-internal        config:          url: https://api.internal

Manage traffic in other ways

Add path-based routing

Read the Docs: https://ngrok.com/docs/gateway/endpoints/cloud-endpoints/routing-and-policy-decentralization

# policy.yaml# Route /api/* to api.internal, /app/* to app.internalon_http_request:  - expressions:      - "req.path.startsWith('/api/')"    actions:      - type: forward-internal        config:          url: https://api.internal  - expressions:      - "req.path.startsWith('/app/')"    actions:      - type: forward-internal        config:          url: https://app.internal

Route traffic by anything

Read the Docs: https://ngrok.com/docs/gateway/traffic-policy/actions/forward-internal/#examples

# policy.yaml# Host-based and header-based dynamic forwarding to internal endpoints via forward-internal actionon_http_request:  - expressions:      - "req.host == 'api.example.com'"    actions:      - type: forward-internal        config: { url: https://api.internal }  - expressions:      - "getReqHeader('X-Tenant') != ''"    actions:      - type: forward-internal        config: { url: https://tenant.internal }

Multiplex to internal services from a single domain

Read the Docs: https://ngrok.com/docs/gateway/examples/multiplex

# policy.yamlon_http_request:  - actions:      - type: forward-internal        config:          url: https://${req.host.split(".$NGROK_DOMAIN")[0]}.internal

Add rate limiting

Read the Docs: https://ngrok.com/docs/gateway/traffic-policy/actions/rate-limit/

# policy.yaml# 10 requests per 60s window per client IP -> 429 on limiton_http_request:  - actions:      - type: rate-limit        config:          name: per-ip-60s          algorithm: sliding_window          capacity: 10          rate: "60s"          bucket_key:            - conn.client_ip

Block search and AI bots

Read the Docs: https://ngrok.com/docs/gateway/traffic-policy/examples/block-unwanted-requests/#how-do-i-deny-traffic-from-bots-and-crawlers-with-a-robotstxt

# policy.yaml# Send a robots.txt denying crawlerson_http_request:  - expressions:      - "req.path == '/robots.txt'"    actions:      - type: custom-response        config:          status_code: 200          headers:            Content-Type: "text/plain"          body: |            User-agent: *            Disallow: /
# policy.yaml# Deny common bot/AI user agentson_http_request:  - expressions:      - "req.user_agent.raw.matches('(?i)(gptbot|chatgpt-user|ccbot|bingbot|googlebot)')"    actions:      - type: deny
# policy.yaml# Also add X-Robots-Tag to all responseson_http_response:  - actions:      - type: add-headers        config:          headers:            X-Robots-Tag: "noindex, nofollow, noai, noimageai"

Add headers

Read the Docs: https://ngrok.com/docs/gateway/traffic-policy/actions/add-headers/

Via CLI

# Common security headersngrok http 8080 \  --request-header-add "X-Frame-Options: DENY" \  --response-header-add "Referrer-Policy: no-referrer"

Via Traffic Policy

# policy.yaml# Add headers on request/responseon_http_request:  - actions:      - type: add-headers        config:          headers:            X-Frame-Options: "DENY"on_http_response:  - actions:      - type: add-headers        config:          headers:            Referrer-Policy: "no-referrer"

Restrict access by IPs

Read the Docs: https://ngrok.com/docs/gateway/traffic-policy/actions/restrict-ips/

# Allow only 203.0.113.0/24; deny othersngrok http 8080 --cidr-allow 203.0.113.0/24 # Or explicitly deny CIDRsngrok http 8080 --cidr-deny 0.0.0.0/0

Block all the potentially bad things

Read the Docs: https://ngrok.com/docs/gateway/traffic-policy/actions/owasp-crs-response/

# policy.yaml# Apply OWASP Core Rule Set on requests/responseson_http_request:  - actions:      - type: owasp-crs-requeston_http_response:  - actions:      - type: owasp-crs-response

CLI Flags

url

# Choose a URL instead of random assignmentngrok http 8080 --url https://baz.ngrok.dev

traffic-policy-file

# Manipulate traffic to your endpoint with a traffic policy filengrok http 8080 --url https://baz.ngrok.dev --traffic-policy-file policy.yaml

traffic-policy-url

# Manipulate traffic to your endpoint with a traffic policy URLngrok http 8080 --url https://baz.ngrok.dev policy --traffic-policy-url https://example.com/policy.yml

pooling-enabled

# Load Balance (different ports)ngrok http 8080 --url https://api.example.com --pooling-enabledngrok http 8081 --url https://api.example.com --pooling-enabled

What else can I do with ngrok?

Ending notes

The first iteration of the ngrok cheat sheet was created by Keith Casey, who served on the Product/GTM Team at ngrok.