Using Doppio with local code #

Using Doppio with local code can be challenging, but there is a solution. If you are using the setContent property, using Doppio is straightforward. However, if you want to use goto or webhooks, you need to make your local app reachable on the internet.

Enter ngrok. ngrok is a small CLI tool that allows you to share your local development URL with the world. It is free to use and can be easily integrated into your local development environment.

Ngrok #

To get started, download and install ngrok, create an account, and grab your authentication token from the ngrok dashboard. To authenticate your ngrok agent, use the following command:

ngrok config add-authtoken 4xxxyour-auth-tokenxxx

Use ngrok with your app #

Start your local app as you normally would.

You just need to know the port your local app is listening on. For example, if your app is listening on port 5173, you can use ngrok with this single command ⤵

ngrok http 5173

ngrok will then give you a URL that you can use with Doppio. This URL will allow you to access your local app from anywhere and use it with Doppio's goto setting or webhooks.

☝️ Remember, your app and ngrok both need to run at the same time; you'll maybe need to open another terminal tab to start ngrok

In conclusion, using ngrok to share your local development URL with the world is a simple and effective solution to the challenge of using Doppio with local code. With ngrok, you can easily access your local app from anywhere and integrate it with Doppio to take advantage of its features during development.