Forem: Mr koala

🛡️ Hardening VPS Ubuntu: Mengunci Pintu dari Serangan Botnet

Mr koala — Thu, 12 Mar 2026 21:10:28 +0000

Pernah cek log server dan kaget lihat ribuan IP asing mencoba login? Itu adalah Botnet Brute Force. Jika dibiarkan, servermu tinggal menunggu waktu untuk jebol. Berikut adalah panduan praktis untuk memperkuat keamanan VPS Ubuntu kamu.

Siapkan "Pagar" dengan UFW (Uncomplicated Firewall) Tanpa firewall, semua port di servermu terekspos. Kita hanya akan membuka pintu yang benar-benar diperlukan oleh aplikasi Laravel dan sistem billing/radius kamu.

Langkah-langkah:
Bash

Izinkan Traffic Web (HTTP & HTTPS)

sudo ufw allow 80/tcp
sudo ufw allow 443/tcp

Izinkan SSH (Pintu Masuk Admin)

sudo ufw allow 22/tcp

Izinkan FreeRadius (Port UDP untuk Hotspot/Billing)

sudo ufw allow 1812/udp
sudo ufw allow 1813/udp

Aktifkan Firewall

sudo ufw enable
Tips: Selalu cek status dengan sudo ufw status untuk memastikan tidak ada port database (3306) yang terbuka untuk umum.

Pindahkan "Pintu Rahasia" (Ganti Port SSH) Bot hacker biasanya hanya menyerang port standar 22. Dengan memindahkannya ke angka unik (misal: 2299), kamu membuat servermu "tidak terlihat" oleh 99% bot di internet.

Cara Eksekusi:
Buka port baru di UFW: sudo ufw allow 2299/tcp

Edit konfigurasi SSH: sudo nano /etc/ssh/sshd_config

Ubah baris: Port 22 menjadi Port 2299

Restart layanan: sudo systemctl restart ssh

Hapus port lama: sudo ufw delete allow 22/tcp

Pasang "Satpam" Otomatis: Fail2Ban Jika ada seseorang (atau robot) yang mencoba menebak password/fingerkey kamu berkali-kali, Fail2Ban akan otomatis memblokir IP mereka di level firewall.

Instalasi:
Bash
sudo apt update
sudo apt install fail2ban -y
Secara default, Fail2Ban akan memantau SSH dan memblokir IP yang gagal login lebih dari 5 kali selama 10 menit. Ini sangat efektif untuk menghemat penggunaan CPU dari serangan sampah.

Monitoring: Siapa yang Mengetuk Pintumu? Sebagai admin, kamu wajib tahu siapa yang mencoba masuk. Gunakan perintah sakti ini:

Cek Percobaan Gagal (Maling):

Bash
lastb | head -n 20
Cek Login Berhasil (Internal):

Bash
last | head -n 10
Cek Koneksi Real-time:

Bash
netstat -antup

Security Checklist untuk Laravel Selain server, aplikasi Laravel-mu juga harus dijaga:

APP_DEBUG=false: Pastikan ini di file .env saat production agar detail database tidak bocor saat error.

Eloquent ORM: Selalu gunakan ini daripada Raw Query untuk mencegah SQL Injection.

Update Berkala: Selalu jalankan sudo apt update && sudo apt upgrade untuk menambal celah keamanan kernel.

Kesimpulan
Keamanan bukan tentang sekali setting lalu selesai, tapi tentang membangun kebiasaan. Dengan UFW + Custom Port + Fail2Ban, server kamu kini sudah jauh lebih tangguh menghadapi serangan di luar sana.

Keep coding, stay secure! 🚀

Diterbitkan oleh: Dedy - Koala Network Core v2
Tags: #ubuntu #security #laravel #devops

Antigravity server crashed unexpectedly. Please restart to fully restore AI features. (proxmox)

Mr koala — Thu, 12 Mar 2026 16:01:09 +0000

I once had a problem with Antigravity.

When I tried to connect Antigravity to my VPS, an error like the first image appeared.

Antigravity successfully displayed, but the AI agent couldn't be used. Please note, this VPS uses Proxmox.

After searching for numerous tutorials online, I found a solution.

The solution was to change the processor type in Proxmox to host.

Hope this helps.

Memahami Arsitektur Web Modern: SPA, MPA, dan PWA

Mr koala — Sun, 01 Mar 2026 19:36:28 +0000

Dalam dunia pengembangan web, memilih arsitektur yang tepat adalah langkah krusial sebelum memulai proyek. Seringkali kita mendengar istilah seperti SPA, MPA, dan PWA. Artikel ini akan membedah konsep-konsep tersebut agar Anda dapat menentukan mana yang paling sesuai untuk kebutuhan aplikasi Anda.

MPA (Multi-Page Application)
MPA adalah pendekatan tradisional dalam membangun website. Setiap kali pengguna mengklik tautan, browser akan mengirimkan permintaan ke server dan server akan mengirimkan halaman HTML baru secara utuh.

Cara Kerja: Setiap navigasi memicu pemuatan ulang halaman (full page reload).

Kelebihan:
SEO Friendly: Karena konten dirender di server, mesin pencari seperti Google dapat merayapi (crawling) halaman dengan sangat mudah.

Keamanan: Logika bisnis tetap berada di sisi server.

Kekurangan:
Interaksi Lambat: Pengguna harus menunggu halaman dimuat ulang setiap kali berpindah menu.

Beban Server: Server harus bekerja ekstra untuk merender HTML setiap saat.

Contoh: Blog, toko online besar (Amazon versi lama), atau portal berita.

SPA (Single Page Application)

SPA adalah aplikasi web yang hanya memuat satu halaman HTML tunggal. Interaksi selanjutnya ditangani secara dinamis menggunakan JavaScript tanpa perlu memuat ulang seluruh halaman.

Cara Kerja: Saat pertama kali dibuka, browser mengunduh kerangka utama dan skrip JavaScript. Navigasi antar menu hanya mengubah konten di bagian tertentu menggunakan framework seperti React, Vue, atau Angular.

Kelebihan:
Pengalaman Pengguna (UX) Luar Biasa: Transisi terasa sangat cepat seperti aplikasi desktop atau mobile.

Hemat Bandwidth: Setelah pemuatan awal, hanya data (biasanya dalam format JSON) yang dikirim bolak-balik antara klien dan server.

Kekurangan:
SEO Menantang: Karena konten dihasilkan secara dinamis oleh JS, bot mesin pencari terkadang kesulitan membaca isinya (meskipun sekarang sudah membaik).

Initial Load: Waktu pemuatan pertama kali biasanya lebih lama karena browser harus mengunduh file JavaScript yang besar.

Contoh: Gmail, Facebook, Trello, dan Dashboard Admin.

PWA (Progressive Web App)

PWA bukanlah framework, melainkan metodologi atau standar untuk membuat aplikasi web memiliki kemampuan seperti aplikasi native (Android/iOS). PWA bisa dibangun di atas arsitektur SPA maupun MPA.

Fitur Utama:

Installable: Bisa ditambahkan ke layar utama ponsel tanpa melalui App Store/Play Store.
Offline Mode: Menggunakan Service Workers untuk menyimpan cache sehingga tetap bisa diakses tanpa internet.
Push Notifications: Bisa mengirim notifikasi ke perangkat pengguna.
Responsif: Tampilan yang menyesuaikan segala ukuran layar dengan sempurna.

Kelebihan: Memberikan performa tinggi dan keterlibatan pengguna yang lebih baik tanpa biaya pengembangan aplikasi mobile yang mahal.
Contoh: Twitter Lite, Starbucks, dan Pinterest.

*Istilah Terkait: SSR dan SSG
*
Untuk mengatasi kekurangan SEO pada SPA, muncul teknik rendering lainnya:

SSR (Server-Side Rendering)
Konten dihasilkan di server setiap kali ada permintaan, tetapi setelah sampai di browser, ia berperilaku seperti SPA (sering disebut Universal atau Isomorphic JS).
Framework Populer: Next.js (React), Nuxt.js (Vue).
SSG (Static Site Generation)
Website dibuat menjadi file HTML statis pada saat proses build. Sangat cepat karena server hanya perlu mengirimkan file yang sudah jadi.
Framework Populer: Astro, Hugo, Gatsby.

Kesimpulan: Pilih yang Mana?

stats.vocherrealtime

Mr koala — Sun, 15 Feb 2026 17:57:20 +0000

Fungsi stats.vocherrealtime (yang di dalam kode tertulis sebagai voucherRealtime) adalah bagian dari sistem statistik di dashboard untuk menghitung total pendapatan dari voucher hotspot yang dihasilkan.

Berikut adalah penjelasan teknis mengenai cara kerjanya:

1. Sumber Data (Database)

Data diambil dari tabel billing_history (riwayat pembuatan/penjualan voucher) dan digabungkan (join) dengan tabel hotspot_profile_metadata (pengaturan harga per profil).

2. Logika Perhitungan (Backend)

Perhitungan ini dilakukan di dalam DashboardController.php dengan logika sebagai berikut:

Query SQL
Sistem menjumlahkan (SUM) harga dari semua voucher milik user tersebut.

Penentuan Harga
Menggunakan fungsi:

COALESCE(pm.price, bh.price)

Artinya:

Jika ada harga terbaru yang diatur di menu Profile (hotspot_profile_metadata), maka harga itulah yang dipakai.
Jika tidak ada, sistem akan menggunakan harga yang tersimpan saat voucher pertama kali dibuat di billing_history.

3. Tampilan di Dashboard (Frontend)

Di file dashboard.blade.php, data ini dikelola menggunakan AlpineJS:

Variabel $voucherRealtime dari PHP dikirim ke objek JavaScript stats.
Fungsi formatRupiah(stats.voucherRealtime) mengubah angka tersebut menjadi format mata uang IDR.

4. Sinkronisasi Real-time

Meskipun angkanya merupakan total akumulasi, sistem memiliki mekanisme sinkronisasi otomatis:

Broadcasting
Perubahan data (saat voucher baru terjual atau dibuat) dikirim secara instan ke browser menggunakan Laravel Echo (WebSockets) melalui event DashboardStatsUpdated.

Sync Service
Ada layanan MikrotikSyncService yang secara berkala menghitung ulang statistik ini dan menyiarkannya ke dashboard agar angka selalu akurat tanpa perlu refresh halaman.

Ringkasan Alur

Voucher Dibuat → Masuk ke billing_history
Dashboard Update → Menampilkan total nilai rupiah dari seluruh voucher berdasarkan harga profil
WebSocket → Memastikan angka update otomatis di layar tanpa refresh

funtion formatRupiah()

Mr koala — Sun, 15 Feb 2026 16:09:11 +0000

Fungsi formatRupiah dalam aplikasi ini digunakan untuk mengubah angka mentah (integer) menjadi format mata uang Rupiah yang standar. Fungsi ini terletak di dalam skrip JavaScript (Alpine.js) pada file dashboard.blade.php
.

Berikut adalah rincian lengkapnya:

1. Source Code

formatRupiah(number) {
    return new Intl.NumberFormat('id-ID', { 
        style: 'currency', 
        currency: 'IDR', 
        minimumFractionDigits: 0 
    }).format(number).replace('Rp', 'Rp ');
}

2. Penjelasan Alur Kerja (Step-by-Step)

Fungsi ini bekerja melalui 4 tahap otomatis:

Tahap A: Menerima Input (number) Fungsi menerima sebuah angka mentah, misalnya: 50000.

Tahap B: Inisialisasi Intl.NumberFormat Sistem menggunakan fitur bawaan browser modern bernama Intl.NumberFormat. Di sini kita memberikan instruksi (konfigurasi):

id-ID: Gunakan standar lokal Indonesia (menggunakan titik sebagai pemisah ribuan).
style: 'currency': Format sebagai mata uang.
currency: 'IDR': Gunakan simbol mata uang Rupiah.
minimumFractionDigits: 0: Jangan tampilkan angka di belakang koma (sen), agar tampilan lebih bersih (misal: bukan Rp 50.000,00 tapi cukup Rp 50.000).

Tahap C: Eksekusi Format (.format(number)) Pada tahap ini, angka 50000 diubah menjadi string: "Rp50.000". Perhatikan bahwa secara default, standar internasional tidak memberikan spasi antara "Rp" dan angkanya.

Tahap D: Penyesuaian Spasi (.replace('Rp', 'Rp ')) Terakhir, fungsi melakukan manipulasi teks sederhana. Ia mencari teks "Rp" dan menggantinya dengan "Rp " (ditambah spasi).

DOKOMENTASI - HOT POT - DASHBOARD#1

Mr koala — Sun, 15 Feb 2026 16:00:08 +0000

Card 1 pada Dashboard bertugas untuk menampilkan "Voucher Realtime". Berikut adalah penjelasan alur kodenya secara sistematis:

1. Struktur Visual (Baris 41-49)
Secara desain, Card ini adalah sebuah kotak (div) putih dengan bayangan halus yang berisi:

Icon: Ikon tiket berwarna biru (fas fa-ticket-alt) untuk merepresentasikan voucher.
Label: Teks kecil di atas bertuliskan "VOUCHER REALTIME".
Nilai (Angka): Di bawahnya terdapat angka nominal uang yang ditampilkan dengan ukuran besar dan tebal (text-2xl font-black).

2. Sumber Data & Alpine.js (Baris 48)
Bagian yang paling penting adalah baris ini:

<p class="text-2xl font-black text-slate-800" x-text="formatRupiah(stats.voucherRealtime)"></p>

x-text: Ini adalah direktif dari Alpine.js. Artinya, isi teks di dalam paragraf ini tidak diketik manual, melainkan mengambil nilai dari variabel JavaScript bernama stats.voucherRealtime.
formatRupiah(): Angka mentah dari database (misal: 2000) akan diproses oleh fungsi ini agar tampil cantik dengan format mata uang (misal: Rp 2.000).
stats.voucherRealtime: Data ini aslinya dikirim dari Controller melalui variabel $statsData (Baris 10), lalu "ditanam" ke dalam Alpine.js di baris 27.

3. Apa yang Dimaksud "Realtime"?
Nilai yang muncul di sini adalah Total Nominal Uang dari voucher yang sudah laku terjual.

Data ini diambil dari tabel billing_history.
Hanya menghitung voucher yang memiliki nilai pada kolom first_login_at.
Disebut Realtime karena jika ada user yang baru saja login di MikroTik, angka di card ini akan otomatis terupdate tanpa Anda perlu merefresh halaman (berkat teknologi Websocket/Laravel Echo yang ada di baris 207-228).

Cara mengatasi color mode tidak aktif di Ubuntu Linux (firefox)

Mr koala — Mon, 09 Feb 2026 07:37:54 +0000

Bagi pengguna Linux Ubuntu, mencetak dokumen langsung dari browser Firefox terkadang menemui kendala teknis, salah satunya adalah opsi Color Mode yang terkunci di mode Hitam Putih (Grayscale). Masalah ini sering muncul saat ingin mencetak dokumen berwarna seperti voucher Deep Net.

Paksa lewat about:config (Solusi Internal Firefox)

Firefox menyimpan preferensi printer di dalam konfigurasi "bawah tanah"-nya. Seringkali, pengaturan warna tersangkut di angka "0" (Mono).

Buka tab baru, ketik about:config lalu tekan Enter
Klik "Accept the Risk and Continue".
Cari kata kunci: print.printer_
Cari baris yang mengandung nama printer Anda dan berakhiran print_color_mode.

Contoh: print.printer_EPSON_L3110.print_color_mode
Pastikan nilainya adalah true (untuk Color). Jika nilainya false ganti menjadi true.

Coba buka kembali jendela print

Gunakan "Print using the system dialog"

Firefox versi terbaru sering menyembunyikan opsi warna di balik menu drop-down. Jika masih tidak bisa di klik:

Tekan Ctrl + P untuk membuka menu print.
Scroll paling bawah di panel sebelah kiri.
Klik link bertuliskan "Print using the system dialog..."

Di jendela baru yang muncul, klik tab option, centang color.

Debug Freeradius

Mr koala — Thu, 29 Jan 2026 15:15:25 +0000

ini adalah dia

docker-compose stop lab-radius
docker run --rm -it -v $(pwd)/freeradius/raddb:/etc/raddb freeradius/freeradius-server:latest /bin/bash
freeradius -X

asd

Mr koala — Tue, 27 Jan 2026 04:31:07 +0000

# Cek User dan Password
docker exec -it lab-vpn cat /etc/ppp/chap-secrets

# Cek IPsec Pre-Shared Key (PSK)
docker exec -it lab-vpn cat /etc/ipsec.secrets

Dokumentasi Database MariaDB (Updated)

Mr koala — Mon, 26 Jan 2026 17:06:33 +0000

Cek & Masuk ke Database

Gunakan perintah ini untuk masuk ke terminal MariaDB menggunakan user baru kamu:

# Login sebagai mrkoala
docker exec -it lab-mariadb mariadb -u mrkoala -p12345 -D nuxbilling

Jika ingin menggunakan akses penuh (superuser), tetap gunakan user root dengan password yang sesuai di file config kamu.

Manajemen Database & Tabel

Cek Database yang Ada: SHOW DATABASES;
Hapus Database Lama: DROP DATABASE IF EXISTS nuxartbill; (Perintah ini akan menghapus database lama agar tidak membingungkan).
Lihat Daftar Tabel di nuxbilling: USE nuxbilling; SHOW TABLES;

Ganti Value (Update Data)

Jika kamu ingin mengubah data spesifik, misalnya mengganti nama paket atau profil user di dalam tabel:

-- Contoh: Mengubah nama hotspot di tabel pengaturan
UPDATE settings SET value = 'Deep Net' WHERE setting = 'site_name';

Import SQL (Masukin Data)

Jika kamu punya file .sql dari laptop yang sudah di-upload ke VPS:

docker exec -i lab-mariadb mariadb -u mrkoala -p12345 nuxbilling < nama_file_project.sql

Backup Database (Amankan Data)

Sangat penting untuk melakukan backup rutin pada server perusahaan agar data billing tidak hilang:

docker exec lab-mariadb mariadb-dump -u root -prootpass nuxbilling > backup_nuxbilling_$(date +%F).sql

Hal Penting Lainnya (Checklist)

Sinkronisasi Aplikasi: Pastikan file konfigurasi PHPnuxBill di folder nuxartbil (biasanya file .env atau config.php) sudah diganti ke DB_USER=mrkoala dan DB_NAME=nuxbilling.
Reset Jika Error: Jika user baru tidak terbaca, hapus folder ./db_data dan jalankan docker compose up -d lagi agar MariaDB melakukan inisialisasi ulang dengan user mrkoala.
Nesting Proxmox: Pastikan fitur Nesting di tab Options CT kamu tetap aktif agar Docker bisa mengelola database dengan lancar.

Cara upload file nuxartbill dari local ke vps

Mr koala — Mon, 26 Jan 2026 16:34:58 +0000

****Pertama kompres terlebih dahulu filenya
Perhatikan, perintah ini dijalankan didalam folder project

zip -r project-billing.zip . -x "*.git*" "node_modules/*" "vendor/*"

Upload project ke vps kamu

scp project-billing.zip root@(ip vps):/root/

File sudah terkirim ke vps

jika file sudah terkirim ke vps kamu, selanjutnya adalah download paket unzip untuk ekstrak file tersebut

# Install unzip jika belum ada
apt update && apt install unzip -y

# Ekstrak file (ganti nama_file.zip sesuai nama filemu)
unzip nama_file.zip -d phpnuxbill
cd phpnuxbill

Install Docker

Persiapan Repositori

# Hapus versi lama yang mungkin konflik
apt-get remove docker docker-engine docker.io containerd runc -y

# Install dependensi awal
apt-get update
apt-get install ca-certificates curl gnupg lsb-release -y

# Tambahkan GPG Key resmi Docker
mkdir -p /etc/apt/keyrings
curl -fsSL https://download.docker.com/linux/ubuntu/gpg | gpg --dearmor -o /etc/apt/keyrings/docker.gpg

Tambahkan Sumber Aplikasi (Repository) Perintah ini akan memberitahu Ubuntu 20.04 kamu untuk mengambil Docker dari sumber yang tepat:

echo \
  "deb [arch=$(dpkg --print-architecture) signed-by=/etc/apt/keyrings/docker.gpg] https://download.docker.com/linux/ubuntu \
  $(lsb_release -cs) stable" | tee /etc/apt/sources.list.d/docker.list > /dev/null

Instalasi Docker & Compose V2 Sekarang, lakukan instalasi paket utamanya:

apt-get update
apt-get install docker-ce docker-ce-cli containerd.io docker-compose-plugin -y

Verifikasi dan Jalankan Project

etelah instalasi selesai, cek apakah perintah "spasi" sudah aktif: docker compose version
Jika muncul versi 2.x, sekarang kamu bisa langsung "up" kembali project Nuxbilling kamu: cd ~/nuxbilling docker compose up -d

Ide project

Mr koala — Sun, 25 Jan 2026 12:38:36 +0000

aku tiba tiba kepikiran, ada ga sih cara biar bisa chat lewat cli di terminal linux
jadi sekenarionya begini

saya kan suka kerja desktop, jarang banget buka wa di mobile. akhirnya banyak hal hal penting terlewatkan, termasuk berbagi file. saya harus kirim file ke telegram dulu baru saya teruskan ke nomor wa teman saya.

sebenarnya bisa saja menggunakan wa web tapi proses sinkronasinya lamaaaaa, dan sering ngebug. biki jengkel

jadi aku kepikiran, kira kira bisa ga ya aku bikin suatu tool yang dimana aku bisa chat dengan temanku lewat terminal linux. chat nya bukan untuk semua nomor, tapi seperti room chat 1 orang