ngrok Quick Start and Basics

ngrok is a tool that enables developers to expose their local development environment to the Internet with as little effort as possible. ngrok works cross-platform and it publishes your wish of choice at a subdomain of ngrok.com.

Hands-on Experience:

To be able to use ngrok we first should go ahead and download the ngrok from its website.

Here is a link for the website: ngrok

On the main page above we can find the download section.

In the download section, you can find the compatible link for your system. It will contain an executable, we’ll later learn how to use it.

For the purposes of this tutorial, we’ll use the VS Code. In the extensions section “live server” extension can be found.

Now we can go ahead and create our basic HTML page to publish later.

On the right bottom, we can activate the local server by clicking the “Go Live” button.

Now our page is live locally.

Now that we publish our webserver on port 5500, we can go ahead and unzip ngrok file. With “./ngrok http 5500” command we can create our tunnel finally.

All right our local page is finally online, yet to clarify ngrok is awesome but only for development purposes, it’s not a tool to use for production.

Thank you very much for following along with me, I hope to see you on the new ones. :)

Originally published at https://blog.akbuluteren.com.