Tutorial DexTunnel

Launch Aplikasi

Double-click icon DexTunnel di desktop, atau cari di Start Menu. Aplikasi akan memulai dengan:

• FastAPI Backend dimulai di background thread (port 8765)
• Qt Desktop App diluncurkan dengan splash screen

Interface Overview

Setelah aplikasi terbuka, Anda akan melihat layout utama DexTunnel:

Komponen utama:

• Sidebar — navigasi ke semua fitur (kiri)
• Header Bar — status Cloudflare, tunnel, monitoring (atas)
• Content Area — halaman fitur yang dipilih (tengah)
• System Tray — icon di taskbar saat minimize

Splash Screen

Saat pertama kali membuka DexTunnel, Anda akan melihat splash screen dengan:

• Logo DexTunnel dengan animasi gradient
• Nama aplikasi dan tagline
• Versi aplikasi (v1.0.0)
• Progress bar loading

Splash screen akan otomatis tertutup setelah aplikasi selesai dimuat (~2 detik).

System Dependency Check

Setelah splash screen, DexTunnel akan otomatis memeriksa dependency sistem yang diperlukan:

Dependency yang diperiksa:

• winget — Package manager Windows (untuk install otomatis)
• Docker — Container engine
• PHP — Untuk Laravel & WordPress
• Node.js — Untuk React, Vue, Next.js
• Python — Untuk Flask, Django, FastAPI

Buka Menu Settings

Klik menu ⚙️ Settings di sidebar. Pilih tab ☁️ Cloudflare.

Buat API Token di Cloudflare

Sebelum mengisi settings, Anda perlu membuat API Token:

• Login ke dash.cloudflare.com
• Klik ikon profil (kanan atas) → My Profile
• Pilih tab API Tokens
• Klik "Create Token"
• Pilih template "Edit zone DNS"
• Di bagian Zone Resources, pilih "All zones"
• Tambahkan permission: Account → Cloudflare Tunnel → Edit
• Klik "Create Token" → copy token yang dihasilkan

Isi Credentials di DexTunnel

• Masukkan Email Cloudflare Anda
• Masukkan API Token yang baru dibuat
• Account ID akan terisi otomatis (atau masukkan manual dari dash.cloudflare.com)
• Klik "Save & Verify" — token akan diverifikasi dan zones akan di-sync

Dashboard Overview

Dashboard adalah halaman utama yang menampilkan overview semua aktivitas server Anda:

• Sparkline Cards — CPU, RAM, Disk, Network dengan grafik kecil real-time
• Tunnel Stats — Total tunnel, aktif, inactive
• Domain Stats — Total domain terdaftar, total DNS record
• Docker Stats — Total container
• Live Charts — Grafik CPU, Memory, Network update setiap 2 detik
• Active Tunnels Table — Daftar tunnel yang sedang berjalan

Melihat Domain

Setelah Cloudflare terkoneksi, semua domain (zone) Anda akan otomatis di-sync dan ditampilkan di Domain Manager.

Untuk setiap domain ditampilkan:

• Nama domain
• Status (active/paused)
• Nameservers
• SSL Mode
• Jumlah DNS Record

Refresh Domain List

Klik tombol "⟳ Refresh" untuk sinkronisasi ulang domain dari Cloudflare. Berguna jika Anda baru menambahkan domain di Cloudflare dashboard.

Pilih Domain

Di DNS Manager, pilih domain dari dropdown "Select Zone". Semua DNS record untuk domain tersebut akan dimuat.

Lihat & Kelola DNS Records

Tambah DNS Record Baru

Klik "➕ Add Record" dan isi form:

• Type — Pilih A, AAAA, CNAME, TXT, MX, atau SRV
• Name — Subdomain (misal: "api" untuk api.example.com)
• Content — Value record (IP address, domain tujuan, dll)
• TTL — Auto atau custom (dalam detik)
• Proxy — Aktifkan/matiikan Cloudflare proxy

Edit & Hapus Record

Klik record di tabel untuk melihat opsi Edit atau Delete. Perubahan akan langsung disync ke Cloudflare.

Buat Tunnel Baru

Klik "➕ New Tunnel" di halaman Tunnel Manager. Isi form:

• Tunnel Name — Nama unik untuk tunnel
• Local Address — Alamat service lokal (misal: localhost:3000)
• Public Hostname — Domain publik yang mengarah ke tunnel (misal: app.example.com)
• Service Type — http, https, tcp, atau ssh

Proses Pembuatan Tunnel

DexTunnel akan otomatis:

• Membuat tunnel di Cloudflare (atau menggunakan yang sudah ada)
• Mendapatkan tunnel token
• Membuat DNS record CNAME → tunnel
• Menjalankan proses cloudflared dengan token
• Menyimpan konfigurasi ke database

Log proses akan ditampilkan di panel log Tunnel Manager.

Kontrol Tunnel

Tombol kontrol yang tersedia:

• ▶ Start — Jalankan tunnel
• ■ Stop — Hentikan tunnel
• ⟳ Restart — Restart tunnel
• ✏️ Edit — Ubah konfigurasi tunnel
• 🗑️ Delete — Hapus tunnel (termasuk DNS & CF tunnel)

Tambah Project

Buka menu 📦 Projects di sidebar. Klik "➕ Add Project" dan pilih folder project Anda.

DexTunnel akan otomatis mendeteksi framework yang digunakan:

• HTML/Static — index.html
• PHP/Laravel — artisan, index.php
• Python/FastAPI/Flask/Django — main.py, app.py, manage.py
• Node.js/React/Vue/Next.js — package.json
• WordPress — wp-config.php

Deploy Project

Klik tombol "🚀 Deploy" pada project. Pilih domain dan subdomain, lalu klik "Deploy".

DexTunnel akan otomatis:

• Install dependencies (jika diperlukan)
• Menjalankan dev server pada port yang tersedia
• Membuat Cloudflare tunnel
• Setup DNS record
• Website Anda sudah bisa diakses dari internet!

Stop & Hapus Project

Klik "⏹ Stop" untuk menghentikan project, atau "🗑️ Delete" untuk menghapus project dan membersihkan tunnel/DNS secara otomatis.

Bagaimana Cara Kerjanya

Service Discovery memindai port-port umum di komputer Anda untuk mendeteksi service yang sedang berjalan:

• Port 80 (HTTP), 443 (HTTPS)
• Port 3000 (NodeJS/React), 5173 (Vite)
• Port 5000 (Flask), 8000 (FastAPI/Django)
• Port 3306 (MySQL), 5432 (PostgreSQL)
• Port 6379 (Redis), 27017 (MongoDB)
• Port 8080, 9090, dan lainnya

Selain port, DexTunnel juga melakukan HTTP fingerprinting untuk mengenali jenis service (FastAPI, Django, WordPress, Grafana, dll).

Gunakan Service Discovery

Buka menu 🔍 Service Discovery di sidebar. Klik "⟳ Scan" untuk memulai pemindaian. Hasil scan akan menampilkan semua service yang ditemukan beserta port dan jenisnya.

Klik "Expose to Internet" pada service yang ingin dipublikasikan — DexTunnel akan otomatis membuat tunnel untuk Anda.

Koneksi SSH

Buka menu 💻 Remote Terminal. Isi form koneksi:

• Host — IP address atau hostname server
• Port — Default 22
• Username — Username SSH
• Password atau SSH Key

Klik "Connect" untuk memulai sesi SSH.

SFTP File Manager

Setelah terkoneksi, Anda bisa menggunakan SFTP file manager untuk:

• Browse file di server
• Upload/Download file (drag & drop)
• Edit file dengan code editor built-in
• Create/Delete folder

Prasyarat

Untuk menggunakan Docker Manager, Anda perlu:

• Docker Desktop terinstall dan berjalan
• Python package docker terinstall (pip install docker)

Jika belum terinstall, DexTunnel akan menampilkan panduan instalasi dengan tombol install otomatis.

Kelola Container

Aksi yang tersedia:

• ▶ Start / ■ Stop / ⟳ Restart — Kontrol container
• 🗑️ Delete — Hapus container
• 🔍 Expose — Buat tunnel untuk container (port tertentu)
• Logs — Lihat log container
• Stats — CPU & memory usage container

Gunakan Docker Compose

Buka menu 📋 Compose. Pilih folder yang berisi file docker-compose.yml.

• ▶ Up — Jalankan semua service
• ■ Down — Hentikan dan hapus semua service
• ⟳ Pull — Download image terbaru
• 📋 PS — Lihat status semua service

Monitoring Real-time

Menu 📈 Monitoring menampilkan grafik real-time penggunaan resources server:

• CPU Usage — Persentase penggunaan CPU
• Memory Usage — RAM terpakai vs total
• Disk Usage — Storage terpakai
• Network — Upload & Download speed (KB/s)

Data di-refresh setiap 2 detik. Grafik historis menampilkan data hingga 24 jam terakhir.

Process List & Disk Info

Monitoring juga menyediakan:

• Process List — Top 20 proses berdasarkan CPU usage
• Disk Partitions — Info semua partisi harddisk
• Network Interfaces — Info semua network adapter

Statistik Tunnel

Menu 📊 Analytics menampilkan statistik penggunaan tunnel dari Cloudflare:

• Total request per hari
• Unique visitors
• Bandwidth terpakai
• Error rate
• Average response time

Pilih domain dan rentang tanggal untuk melihat data spesifik.

Atur SSL Mode

Buka menu 🔒 SSL Manager. Pilih domain, lalu pilih SSL mode:

• Off — Tidak ada enkripsi
• Flexible — Enkripsi antara pengguna dan Cloudflare saja
• Full — Enkripsi end-to-end (self-signed certificate OK)
• Full (Strict) — Enkripsi end-to-end (valid certificate required)

Kelola Firewall Rules

Buka menu 🛡️ Firewall. Pilih domain, lalu tambahkan rules:

• Whitelist — Izinkan IP atau country tertentu
• Blacklist — Blokir IP, country, atau ASN

Rule akan langsung diterapkan ke Cloudflare Firewall.

Jenis Log

Menu 📝 Logs menampilkan semua log dari berbagai sumber:

• cloudflared — Log proses tunnel
• tunnel — Log operasi tunnel
• dns — Log operasi DNS
• docker — Log operasi Docker
• system — Log sistem aplikasi

Filter log berdasarkan severity (debug, info, warning, error, critical) dan keyword.

Backup Data

Buka menu 💾 Backup. Klik "📦 Create Backup" untuk membackup:

• SQLite database
• Konfigurasi tunnel
• DNS records
• User settings

Backup disimpan dalam format ZIP di folder backups/.

Restore Data

Klik "📂 Restore Backup" dan pilih file backup. Data akan dikembalikan ke kondisi saat backup dibuat.

Konfigurasi Notifikasi

Buka menu 🔔 Notifications. Pilih channel yang ingin dikonfigurasi:

• Telegram — Masukkan Bot Token dan Chat ID
• Discord — Masukkan Webhook URL
• WhatsApp (Fonnte) — Masukkan Token dan Nomor HP

Aktifkan channel yang diinginkan, lalu klik "💾 Save".

Jenis Notifikasi

DexTunnel akan mengirim notifikasi untuk:

• Tunnel down/offline
• Tunnel kembali online
• CPU usage tinggi (>92%)
• Service offline

Setup AI

Buka menu ⚙️ Settings → tab 🤖 AI. Masukkan Gemini API Key dari Google AI Studio.

• Masukkan API Key
• Pilih model (default: gemini-2.5-flash)
• Aktifkan AI Assistant
• Klik "Save"

Gunakan AI Assistant

Buka menu 🤖 AI Assistant. Ketik perintah dalam bahasa natural:

• "Buat tunnel untuk port 3000"
• "Expose FastAPI saya ke internet"
• "List semua tunnel"
• "Stop tunnel myapp"
• "Status server saya"
• "List semua Docker container"

Tersedia Apps

Menu 🛒 App Market menyediakan deploy otomatis untuk aplikasi populer:

• 📊 Grafana — Dashboard monitoring (port 3000)
• 🏠 Home Assistant — Smart home (port 8123)
• ⚡ n8n — Workflow automation (port 5678)
• 📡 Prometheus — Metrics (port 9090)
• 🟢 Uptime Kuma — Uptime monitor (port 3001)
• 🎬 Jellyfin — Media server (port 8096)
• 💬 WAHA — WhatsApp API (port 5000)

Deploy Add-on

Klik "🚀 Deploy" pada app yang diinginkan. DexTunnel akan:

• Download image Docker
• Membuat container dengan konfigurasi optimal
• Setup volume untuk data persistence
• Menunggu hingga service siap

Setelah deploy, Anda bisa langsung mengakses app di port yang ditentukan.