Shopify uses [Cloudflare Quick Tunnels](https://developers.cloudflare.com/cloudflare-one/connections/connect-networks/do-more-with-tunnels/trycloudflare/) to open a publicly accessible tunnel to your app by default. Tunneling provides a secure (HTTPS) URL to your local environment for app development with `shopify app dev`. You can optionally use ngrok tunnels as an alternative. To do so, install and run ngrok in your development environment.

## Set up ngrok

1. Set up an [ngrok](https://ngrok.com/) account.
1. Install the [ngrok CLI](https://ngrok.com/download).
1. Follow the steps in the ngrok documentation to [set up your access token](https://ngrok.com/docs/agent/#authtokens).
1. In a terminal, start ngrok using the following command. You can alternatively choose another port number.

    <p>
    <div class="react-code-block" data-preset="terminal">
    <div class="react-code-block-preload ThemeMode-dim">
    <div class="react-code-block-preload-bar "></div>
    <div class="react-code-block-preload-placeholder-container">
    <div class="react-code-block-preload-code-container">
    <div class="react-code-block-preload-codeline-number"></div>
    <div class="react-code-block-preload-codeline"></div>
    </div>

    </div>
    </div>


    <script type="text/plain" data-language="sh">
    RAW_MD_CONTENTngrok http 3000
    END_RAW_MD_CONTENT</script>

    </div>
    </p>


1. Note the URL ending in `ngrok-free.app` that's returned and leave ngrok running.

## Configure and run your app with ngrok

Run the following command. If you've chosen another port number, then use that instead.

    <p>
    <div class="react-code-block" data-preset="terminal">
    <div class="react-code-block-preload ThemeMode-dim">
    <div class="react-code-block-preload-bar "></div>
    <div class="react-code-block-preload-placeholder-container">
    <div class="react-code-block-preload-code-container">
    <div class="react-code-block-preload-codeline-number"></div>
    <div class="react-code-block-preload-codeline"></div>
    </div>

    </div>
    </div>


    <script type="text/plain" data-language="sh">
    RAW_MD_CONTENTshopify app dev --tunnel-url=https://<ngrok-URL>:3000
    END_RAW_MD_CONTENT</script>

    </div>
    </p>