Membuat Localhost Bisa Diakses dari Internet (Online)


Pada hakikatnya, localhost merupakan web server lokal yang berjalan di komputer atau laptop yang kita instali aplikasi web server. Karena bersifat lokal, maka untuk mengaksesnya hanya bisa dilakukan di jaringan lokal, atau jika komputer web server tersebut tidak terkoneksi dengan jaringan manapun, maka web hanya bisa diakses dari komputer itu saja.

Lalu bagaimana jika kita ingin mempublikasikan web yang ada di server kita agar bisa dilihat oleh orang-orang di internet ? Cara yang paling umum adalah dengan menghosting website tersebut ke penyedian layanan hosting

Cara lain yang bisa digunakan yakni dengan memberikan ip address publik pada komputer server atau pada router di dalam jaringan tersebut. Tentu saja untuk memiliki ip publik ini tidaklah gratis, melainkan kita harus menyewanya.

gambar ilustrasi web browser

Selain kedua cara di atas, terdapat alternatif lain untuk membuat localhost atau web server lokal yang kita miliki bisa diakses melalui internet. Salah satunya adalah dengan menggunakan layanan tunneling ngrok.

Layanan Tunnel Ngrok

Ngrok adalah sebuah layanan tunnel untuk menghubungkan localhost dengan jaringan internet. 

Ketika dijalankan, ngrok akan membangun koneksi tunnel dengan komputer kita. Kemudian kita akan mendapatkan nama domain yang bisa digunakan untuk mengakses server kita dari jaringan internet.

Ilustrasi cara kerja Ngrok
ilustrasi penggunaan ngrok

Cara Menginstal Ngrok

Ngrok tersedia untuk sistem operasi windows, linux, dan juga macOS. Untuk menginstalnya, kita harus mengunduh dahulu file instaler yang tersedia di situs download ngrok. Kemudian mengekstrak-nya (unzip).

Menginstal Ngrok di Windows

1. Ekstrak atau unzip file instaler ngrok yang sudah didownload.
2. Akan ada file ngrok.exe, jalankan file tersebut.

Tampilan ngrok pada Command Prompt Windows

Menginstal Ngrok di Linux

1. Unduh file instaler ngrok. Di sini saya mengunduh ngrok untuk linux 64-bit.
wget https://bin.equinox.io/c/4VmDzA7iaHb/ngrok-stable-linux-amd64.zip

2. Ekstrak file instaler ngrok.
unzip ngrok-stable-linux-amd64.zip
ngrok-stable-linux-amd64.zip adalah nama file nya.

3. Akan muncul direktori ngrok.
xenial@server:~$ ls
ngrok  ngrok-stable-linux-amd64.zip

4. Jalankan ngrok dengan perintah ./ngrok
xenial@server:~$ ./ngrok
NAME:
   ngrok - tunnel local ports to public URLs and inspect traffic

DESCRIPTION:
    ngrok exposes local networked services behinds NATs and firewalls to the
    public internet over a secure tunnel. Share local websites, build/test
    webhook consumers and self-host personal services.
    Detailed help for each command is available with 'ngrok help '.
    Open http://localhost:4040 for ngrok's web interface to inspect traffic.

EXAMPLES:
    ngrok http 80                    # secure public URL for port 80 web server
    ngrok http -subdomain=baz 8080   # port 8080 available at baz.ngrok.io
    ngrok http foo.dev:80            # tunnel to host:port instead of localhost
    ngrok tcp 22                     # tunnel arbitrary TCP traffic to port 22
    ngrok tls -hostname=foo.com 443  # TLS traffic for foo.com to port 443
    ngrok start foo bar baz          # start tunnels from the configuration file

VERSION:
   2.2.8

AUTHOR:
  inconshreveable - 

COMMANDS:
   authtoken    save authtoken to configuration file
   credits      prints author and licensing information
   http         start an HTTP tunnel
   start        start tunnels by name from the configuration file
   tcp          start a TCP tunnel
   tls          start a TLS tunnel
   update       update ngrok to the latest version
   version      print the version string
   help         Shows a list of commands or help for one command
xenial@server:~$

Cara Menggunakan Ngrok

Sebelum menggunakan ngrok, kalian harus memiliki akun ngrok terlebih dahulu. Kalian bisa mendaftar langung di situs ngrok.com.

Setelah memiliki akun ngrok, selanjutnya kalian login ke akun tersebut. Seperti inilah halaman dasbor dari akun ngrok

Dasbor akun Ngrok

Di situ sudah terdapat panduan untuk menggunakan layanan tunnel ngrok.

Pertama, lakukan autentikasi token terlebih dahulu.
./ngrok authtoken xxxxxxx
Dimana xxxxxxx adalah token yang harus kita gunakan. Token dapat dilihat pada menu Auth di dasbor akun ngrok kita.

Setelah itu akan muncul informasi bahwa token telah berhasil disimpan di komputer kita.
Authtoken saved to configuration file: /home/xenial/.ngrok2/ngrok.yml

Kemudian jalankan tunnel ngrok dengan perintah :
./ngrok http 80

Jika proses tunneling berhasil maka status session akan menjadi online, dan kita mendapatkan domain untuk localhost kita.
ngrok by @inconshreveable                                       (Ctrl+C to quit)

Session Status                online
Account                       Diary Config (Plan: Free)
Version                       2.2.8
Region                        United States (us)
Web Interface                 http://127.0.0.1:4040
Forwarding                    http://e102d93a.ngrok.io -> localhost:80
Forwarding                    https://e102d93a.ngrok.io -> localhost:80

Connections                   ttl     opn     rt1     rt5     p50     p90
                              0       0       0.00    0.00    0.00    0.00

Berikut adalah localhost yang diakses menggunakan internet :


Untuk menggunakan ngrok di windows caranya sama saja. Kita tinggal mengetikan ngrok diikuti dengan perintah selanjutnya.
Autentikasi token :
ngrok authtoken YOUR_TOKEN_xxxxxx

Menjalankan tunnel :
ngrok http 80

Pastikan web server di windows sudah berjalan dan aktif. Kalian bisa menggunakan wamp atau xampp untuk web servernya.

Oh iya, ngrok ini tersedia untuk versi gratis dan berbayar. Untuk perbedaan spesifikasinya bisa kalian lihat di ngrok.com/pricing.

Sekian, semoga bermanfaat.
Load Comments