Akses OpenClaw Web UI dari Browser Tanpa Buka Port — Pakai Tailscale

Masalah: Buka Port itu Berisiko

Biasanya orang bikin aplikasi bisa diakses dari luar dengan cara membuka port ke internet. Secara teknis itu valid, tapi masalahnya: kalau pintunya dibuka ke internet, bukan cuma kamu yang bisa akses — orang random juga bisa coba-coba masuk.

Analogi sederhananya:

Internet = jalan raya (semua orang bisa lewat)
Tailscale = lorong khusus (cuma kamu yang punya akses)

Solusinya: OpenClaw tetap jalan "di dalam rumah" (di server), lalu Tailscale bikin jalur privat supaya kamu tetap bisa akses dari luar — tanpa ekspos ke internet sama sekali.

Apa itu OpenClaw Gateway?

OpenClaw Gateway adalah bagian dari OpenClaw yang jadi "gerbang" atau penghubung — supaya kamu bisa mengontrol dan memantau OpenClaw lewat web dari device lain.

Kalau gateway ini bisa dibuka lewat browser, kamu bisa akses dashboard-nya dari laptop manapun. Tapi kalau salah setting, gateway itu bisa ikut terbuka ke internet. Dan itu yang mau kita hindari.

Apa itu Tailscale?

Tailscale itu bikin semua device kamu seolah ada di satu Wi-Fi yang sama, padahal lokasinya bisa beda-beda. Jadi laptop kamu dan server kamu bisa "ketemu" secara privat.

Fitur yang kita pakai adalah Tailscale Serve — bikin kamu dapat alamat web dengan HTTPS (dikenal sebagai Magic DNS), tapi hanya bisa diakses oleh device yang sudah login Tailscale. Tidak ada yang bisa mengaksesnya dari luar jaringan Tailscale kamu.

Langkah 1 — Install Tailscale di Laptop

Sebelum setup di server, install dulu Tailscale di laptop:

Buka tailscale.com/download
Pilih sistem operasi sesuai laptopmu
Login atau daftar kalau belum punya akun
Hubungkan device laptop ke akun Tailscale kamu

Kalau berhasil, laptop kamu akan terdaftar di dashboard admin Tailscale.

Langkah 2 — Install Tailscale di Server (OpenCloudOS/CentOS)

Catatan: Tutorial ini menggunakan OpenCloudOS di server SumoPod. Kalau kamu pakai Ubuntu, cek dokumentasi install Tailscale untuk Ubuntu di Install Tailscale on Linux.

Tambahkan repo Tailscale:

dnf config-manager --add-repo https://pkgs.tailscale.com/stable/centos/9/tailscale.repo

Install Tailscale:

dnf install tailscale -y

Aktifkan servicenya:

systemctl enable --now tailscaled

Login dengan akun yang sama seperti di laptop:

tailscale up

Ikuti link autentikasi yang muncul di terminal. Setelah berhasil, server kamu akan terdaftar di dashboard Tailscale bersama laptop.

Langkah 3 — Jalankan OpenClaw Gateway dengan Tailscale Serve

Hentikan dulu gateway OpenClaw yang sedang berjalan:

openclaw gateway stop

Lalu jalankan gateway dengan mode Tailscale Serve:

openclaw gateway --tailscale serve

Kamu akan mendapatkan Magic DNS — sebuah URL HTTPS yang unik untuk server kamu, formatnya seperti:

https://nama-server-kamu.tail-xxxxx.ts.net/

Simpan URL ini, karena akan dipakai sebagai alamat akses web UI OpenClaw.

Langkah 4 — Fix Error: Allowed Origins

Kalau setelah menjalankan perintah di atas muncul error terkait allowed origins, jangan panik — ini mudah diperbaiki.

Tekan Ctrl+C di terminal untuk menghentikan proses, lalu edit konfigurasi OpenClaw secara manual:

cd .openclaw
vim openclaw.json

Cari bagian controlUI di dalam file, lalu tambahkan property allowedOrigins dengan nilai Magic DNS yang sudah kamu dapat:

{
  "gateway": {
    "bind": "loopback",
    "tailscale": { "mode": "serve" },
    "controlUI": {
      "allowedOrigins": ["https://nama-server-kamu.tail-xxxxx.ts.net"]
    }
  }
}

Simpan perubahan: tekan Escape, lalu ketik :wq dan Enter.

Langkah 5 — Approve Device & Test

Jalankan lagi gateway dengan Tailscale Serve:

openclaw gateway --tailscale serve

Jika muncul error device belum disetujui, buka terminal baru (biarkan gateway tetap jalan di terminal pertama), lalu:

Lihat daftar device pending:

openclaw devices list

Setujui device yang muncul di bagian pending:

openclaw devices approve <id-device>

Ganti <id-device> dengan ID yang kamu copy dari output devices list.

Setelah itu, buka browser di laptop dan akses Magic DNS yang tadi didapat. OpenClaw web UI harusnya sudah bisa diakses!

Langkah 6 — Jalankan sebagai Production (Background Service)

Kalau sudah berhasil testing, sekarang kita ubah dari mode development menjadi production — jadi gateway jalan di background dan tidak perlu terminal yang terus terbuka.

Hentikan proses yang sedang berjalan di terminal (Ctrl+C), lalu:

openclaw gateway start

Gateway sekarang berjalan sebagai background service. Kamu bisa verifikasi statusnya:

openclaw status

Buka kembali browser dan akses Magic DNS — web UI OpenClaw sudah production ready dan bisa diakses kapan pun selama server dan Tailscale aktif.

Ringkasan Perintah

# Install Tailscale (di server OpenCloudOS/CentOS)
dnf config-manager --add-repo https://pkgs.tailscale.com/stable/centos/9/tailscale.repo
dnf install tailscale -y
systemctl enable --now tailscaled
tailscale up

# Jalankan gateway dengan Tailscale Serve
openclaw gateway stop
openclaw gateway --tailscale serve

# Approve device (kalau diminta)
openclaw devices list
openclaw devices approve <id-device>

# Jalankan sebagai production
openclaw gateway start

Konfigurasi minimal di openclaw.json untuk Tailscale Serve:

{
  "gateway": {
    "bind": "loopback",
    "tailscale": { "mode": "serve" }
  }
}

Hasil Akhir

Sekarang kamu bisa akses OpenClaw web UI dari browser di laptop mana pun — selama laptop itu login ke akun Tailscale yang sama. Tidak ada port yang terbuka ke internet, tidak ada risiko akses dari orang luar.

Akses OpenClaw via browser itu bisa, dan bisa aman juga — tanpa buka port ke internet.