Tes Webhook n8n Lokal dengan Ngrok tanpa hosting - hardisastra/File-Projek-Json-n8n GitHub Wiki

Langkah 1: Download Ngrok

  1. Buka situs resminya: 👉 https://ngrok.com/download
  2. Pilih versi Windows dan klik Download ZIP

(file bernama ngrok-stable-windows-amd64.zip)

Langkah 2: Ekstrak File ZIP

  1. Cari file ZIP yang kamu unduh
  2. Klik kanan → Extract All
  3. Simpan hasil ekstraknya di folder mudah diakses

Langkah 3: Daftar Akun Ngrok (Gratis)

  1. Kunjungi: https://dashboard.ngrok.com/signup
  2. Daftar akun gratis pakai email
  3. Setelah daftar & login, kamu akan lihat “Your Authtoken”

Biar Lebih Praktis Kalau mau, kamu bisa tambahkan ngrok.exe ke PATH Windows, agar bisa dipanggil dari folder mana saja di CMD. Tambahkan ngrok ke PATH Windows (biar bisa diketik di mana saja) 💡 Hanya lakukan ini kalau kamu ingin praktis ke depannya. 🛠 Langkah-langkah:

  1. Klik kanan This PC atau My Computer → pilih Properties
  2. Klik Advanced system settings
  3. Klik tombol Environment Variables
  4. Di bagian bawah, cari dan klik Path, lalu klik Edit
  5. Klik New, lalu masukkan lokasi folder tempat ngrok.exe berada

Contoh: makefile CopyEdit C:\ngrok

  1. Klik OK → OK → OK
  2. Tutup dan buka ulang CMD
  3. Ketik:

bash CopyEdit ngrok version

Kalau berhasil, akan muncul versi ngrok. Jika sudah di tambahkan di path Langkah 1: Cek Apakah Ngrok Sudah Terdaftar di PATH

  1. Tutup semua CMD (Command Prompt) yang terbuka
  2. Buka ulang CMD baru
  3. Ketik:

bash ngrok version

📌 Jika berhasil, akan muncul info versi seperti ini:

nginx ngrok version 3.9.1

❌ Jika masih muncul pesan “not recognized”, berarti PATH belum tersimpan dengan benar. (Kita bisa periksa ulang nanti) Masukkan Authtoken (Jika Belum) Kalau belum input authtoken, ketik:

bash ngrok config add-authtoken [TOKEN_KAMU] Contoh: bash ngrok config add-authtoken 2PjG7X7YABCu1lskTt...

✅ Kalau berhasil, akan muncul pesan:

pgsql Authtoken saved to configuration file

✅ Langkah 3: Jalankan Webhook Test dengan Ngrok

Kalau kamu sudah menjalankan n8n di localhost (biasanya http://localhost:5678), sekarang:

  1. Di CMD ketik: bash ngrok http 5678
  2. Akan muncul tampilan seperti ini: nginx Forwarding https://abc123.ngrok-free.app → http://localhost:5678
  3. Sekarang kamu punya URL publik: bash https://abc123.ngrok-free.app/webhook/...

➡️ URL inilah yang bisa kamu gunakan untuk: • Kirim data dari aplikasi luar ke webhook n8n • Uji AI Agent via platform lain • Demo workflow ke tim/klien

📦 BONUS: Cara Uji Webhook Misalnya kamu punya workflow n8n dengan webhook ini: bash http://localhost:5678/webhook/test Kalau pakai Ngrok, ganti jadi: bash CopyEdit https://abc123.ngrok-free.app/webhook/test

🔄 Tes kirim request ke URL itu, dan n8n kamu akan merespons meski kamu tidak pakai server online.

Langkah 2: Jalankan Ngrok di CMD Baru

Buka jendela CMD baru, lalu ketik:

bash ngrok http 5678

Ngrok akan kasih kamu URL publik seperti:

bash https://abc123.ngrok-free.app → http://localhost:5678 ➡️ Kamu bisa pakai URL ini untuk test webhook dari luar.