March 31, 2023


Terkadang, Anda perlu mengekspos server lokal, yang berjalan di komputer Anda, ke internet. Ini berguna untuk menguji aplikasi web sebelum menerapkannya ke server jarak jauh.


Cari tahu cara menggunakan ngrok, alat umum untuk membuka server web lokal ke internet.


Menggunakan ngrok untuk Pengembangan Web Lokal

ngrok telah menjadi solusi tunneling untuk menjalankan server web lokal di internet sejak 2015.

Dengan menggunakan ngrok, Anda dapat membuat URL publik yang memetakan ke server lokal Anda, memudahkan orang lain untuk mengakses karya mereka dari mana saja di dunia. Anda kemudian dapat menguji aplikasi Anda dari berbagai perangkat dan browser web, dan memecahkan masalah mereka menggunakan log permintaan dan respons ngrok.

Saat berurusan dengan terowongan publik, Anda mungkin memiliki masalah keamanan. ngrok mendukung terowongan aman dengan enkripsi SSL, membuatnya aman digunakan untuk data dan aplikasi sensitif. Semua fitur ini menjadikan ngrok alat yang berharga dan populer bagi pengembang yang mengerjakan proyek pribadi atau berkolaborasi dengan orang lain.

Menginstal ngrok di Komputer Anda

Memulai dengan fitur utama ngrok benar-benar gratis dan sangat mudah. Meskipun ada versi ngrok berbayar yang menawarkan lebih banyak fitur. Mari pelajari cara menginstal dan mengatur ngrok di komputer Anda.

Untuk menginstal ngrok di komputer Anda, buka yang resmi halaman unduh ngrok.

tangkapan layar halaman web unduhan ngrok dengan opsi unduhannya

Anda kemudian harus melanjutkan mengunduh ngrok untuk OS (Sistem Operasi) khusus Anda dengan mengunduh ZIP dan mengekstraknya atau menginstalnya menggunakan pengelola paket seperti Chocolatey atau Homebrew.

Untuk menginstal ngrok dengan Chocolatey atau Homebrew di Windows dan macOS, Anda harus menginstal pengelola paket.

Untuk menginstal Chocolatey di Windows, jalankan perintah ini di dalam administrator Windows PowerShell:

 Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://community.chocolatey.org/install.ps1'))

Untuk menginstal Homebrew di macOS, jalankan perintah ini di terminal Anda:

 /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

Sekarang Anda memiliki pengelola paket yang sesuai, dan Anda dapat menginstal ngrok di komputer menggunakan salah satunya.

Membuat Terowongan ngrok Lokal Baru Dengan Akun Anda

Untuk membuat terowongan ngrok untuk mengekspos server lokal Anda, Anda harus mendaftar akun ngrok dan membuat token autentikasi.

Langkah 1: Mendaftar

Menuju ke halaman pendaftaran ngrokisi formulir dengan detail yang diperlukan, dan klik Mendaftar.

tangkapan layar halaman web pendaftaran ngrok dengan formulir pendaftaran

Langkah 2: Tambahkan Token ke Config

Sekarang Anda memiliki akun, Anda perlu menambahkan token autentikasi yang dibuat secara otomatis ke ngrok.yml file konfigurasi. Token ini unik untuk akun Anda, jadi Anda harus menjaga keamanannya. Untuk menambahkan token autentikasi, navigasikan ke Token Autentikasi Anda halaman di bilah navigasi samping.

tangkapan layar halaman web token autentikasi situs web ngrok

Anda dapat menyalin token autentikasi dan menjalankan perintah yang didemonstrasikan di terminal untuk mengatur file konfigurasi:

 ngrok config add-authtoken YOUR_AUTH_TOKEN

Langkah 3: Jalankan ngrok

Setelah Anda menyelesaikan langkah-langkah sebelumnya, Anda dapat membuat terowongan ngrok untuk menjalankan server Anda.

Untuk melakukannya, jalankan perintah berikut dengan nomor port pilihan.

Misalnya:

 ngrok http 3000

Anda sekarang memiliki terowongan ngrok lokal yang berjalan di komputer Anda.

Menangani Masalah Penyiapan Umum

  • Pembatasan firewall: Jika Anda komputer berada di belakang firewallAnda mungkin perlu menyesuaikan pengaturannya agar ngrok dapat terhubung ke internet.
  • Token autentikasi salah: Jika Anda memasukkan token autentikasi yang salah saat memulai ngrok, Anda mungkin menerima pesan kesalahan yang menunjukkan bahwa token Anda tidak valid. Konfirmasikan token Anda atau setel ulang token di situs web dengan mengklik Setel ulang Autentikasi tombol.
    tangkapan layar halaman web ngrok auth token dengan tombol reset authtoken

  • Izin ditolak: Jika Anda menerima kesalahan “izin ditolak” saat memulai ngrok, Anda mungkin perlu menjalankan perintah ngrok sebagai administrator atau dengan hak istimewa yang lebih tinggi.

Manfaat Menggunakan ngrok untuk Pengembangan Web Lokal

Apakah Anda sedang mengerjakan proyek pribadi atau berkolaborasi dengan tim, ngrok sangat berharga dalam perangkat pengembangan web Anda. Kompatibilitasnya dengan berbagai platform dan bahasa pemrograman membuatnya cocok untuk pengujian aplikasi web, kolaborasi, atau mendemonstrasikan proyek kepada klien.

Leave a Reply

Your email address will not be published. Required fields are marked *