Developers run apps on their machines via
ionic serve and
ionic lab. If you run DevApp within the same network, it can run those apps. But DevApp isn't limited to your local network — you can manually enter an IP address or ngrok address.
Ngrok is a service that provides a public URL to a developer's localhost server. It's a handy way to let people outside of your network run an app via Chrome or DevApp.
- Install ngrok via the instructions at https://dashboard.ngrok.com/get-started.
- Run ngrok, listening to the port used by
ionic serve. This is usually port 8100.
- Ngrok will provide a URL, which you then share with people.
People running the app
The URL may be used in a web browser, or in DevApp.
Within DevApp, go to menu > Enter address manually, and enter the URL (without the
http:// prefix and without a trailing slash), and choose port 80.
How it Works
Ngrok is a process that runs on the developer's machine, listening to the port specified by the developer. It also establishes a public URL, which anyone is free to run. When the URL is used, ngrok routes network traffic to the ngrok process on the developer's machine, which in turn sends it to the local address. Here's an illustration from the Ngrok documentation.