• Home
  • Install Dan Konfigurasi Ngrok

Install Dan Konfigurasi Ngrok

Oktavian

install-dan-konfigurasi-ngrok

Kalian pasti pernah membangun sebuah website dan ingin membuat orang lain untuk mencobanya.

Tapi untuk melakukan kalian mungkin harus hosting website kalian di internet meskipun kalian inginnya hanya untuk dicoba.

Jika kalian menghadapi solusi seperti itu, makan Ngrok adalah solusinya.

Ngrok adalah sebuah layanan HTTP tunnel.

HTTP tunnel adalah sebuah cara untuk meneruskan request HTTP ke target yang dituju.

Jadi, kita bisa memperlihatkan website kita kepada orang lain hanya dari localhost dan tanpa perlu di hosting di internet.

Installasi

Kunjungi dulu website Ngrok , lalu login atau buat akun.

Jika sudah, maka kalian akan sampai di dashboard .

get-started

Unduh Ngrok sesuai sistem operasi kalian.

Jika sudah, extract file zipnya dan jalankan Ngrok-nya.

run

Authentication

Sebelum kita bisa menggunakan Ngrok, kita harus mengkonfigurasi authtoken di komputer kita.

Masuk ke halaman “Your Authtoken” , maka kalian akan bisa melihat authtoken kalian.

authtoken

Copy token tersebut dan masuk ke terminal.

Masuk ke folder dimana kalian mengekstrak file Ngrok kalian.

Lalu jalankan ./ngrok authtoken <AUTHTOKEN YANG DI COPY>.

authtoken-terminal

Jika sudah, maka akan tampil lokasi dimana file konfigurasi Ngrok kalian.

Konfigurasi

Buka file ngrok.yml kalian dan di dalam file tersebut kalian bisa melakukan beberapa konfigurasi.

Sebagai contoh saya akan mengatur beberapa tunnel beserta protocol dan portnya.

config

Untuk bagian react, default, dan sub bisa kalian ubah sesuka kalian dan portnya juga bisa kalian ubah sesuka kalian.

Testing

Sebagai contoh saya punya sebuah react-app yang berjalan di port 3000.

react-app

Saya bisa menjalankan Ngrok dengan dua cara:

  • ./ngrok http port atau
  • ./ngrok start namaTunnel

Saya akan coba menggunakan cara kedua, karena saya sudah mengatur port 3000 di file konfigurasi.

~/.local/bin
./ngrok start react

test

Dan jika kalian kunjungi salah satu link di atas.

test-ngrok

Berhasil!! 🎉

Akhir Kata…

Dengan Ngrok kalian bisa membagikan website kalian ke teman ataupun dosen kalian tanpa perlu hosting di internet.

Oke, mungkin itu aja, Smell ya later.