Online eRapor dengan Cloudflare

Online eRapor dengan cloudflare membantu Anda mengakses erapor dari rumah!

Tutorial ini bertujuan untuk mempublikasikan aplikasi lokal (localhost) agar bisa diakses dari internet menggunakan Cloudflare Zero Trust tanpa perlu membuka port forwarding (IP Public).

Prasyarat

1. Akun Cloudflare: Sudah memiliki akun dan domain yang aktif.
2. Nameserver: Domain sudah diarahkan ke Nameserver (NS) Cloudflare (contoh: plecing.ns.cloudflare.com).
3. Server/PC Lab: Komputer yang menjalankan aplikasi harus dalam keadaan menyala terus-menerus.
4. Akses Administrator: Anda memerlukan akses Administrator pada Windows Command Prompt.

Langkah 1: Membuat Tunnel di Cloudflare

1. Login ke Dashboard Cloudflare.
2. Masuk ke menu Zero Trust (biasanya ada di sidebar kiri).
3. Pilih menu Networks > Tunnels.
4. Klik tombol Create a Tunnel.
5. Beri nama tunnel (bebas), lalu klik Next.
6. Pilih sistem operasi Windows.

Langkah 2: Instalasi Cloudflared Agent di PC Server

1. Download Installer:Unduh installer Cloudflared dari link berikut:https://github.com/cloudflare/cloudflared/releases/latest/download/cloudflared-windows-amd64.msi
2. Jalankan file .msi tersebut untuk menginstall.
3. Buka CMD sebagai Administrator:
   • Klik Start, ketik “CMD”.
   • Klik kanan pada Command Prompt, pilih Run as Administrator.
4. Jalankan Perintah Koneksi:Salin perintah (command) panjang yang muncul di dashboard Cloudflare (yang diawali dengan cloudflared.exe service install …).Paste di CMD lalu tekan Enter.
5. Verifikasi:Pastikan muncul pesan: Agent service for cloudflared installed successfully
6. Kembali ke Dashboard Cloudflare, pastikan status Connector sudah Connected. Klik Next.

Langkah 3: Konfigurasi Public Hostname (Routing)

Pada tahap Public Hostnames di dashboard Cloudflare:

1. Subdomain: Isi subdomain yang diinginkan (misalnya: erapor).
2. Domain: Pilih domain utama sekolah Anda (misalnya: sekolahanda.sch.id).
3. Service Type: Pilih HTTP (Jangan HTTPS).Catatan Penting: Pilih HTTP karena aplikasi lokal tidak memiliki sertifikat SSL sendiri. Jika memilih HTTPS, akan terjadi error. Cloudflare yang akan menangani HTTPS ke publik.
4. URL: Masukkan alamat lokal aplikasi, biasanya localhost:[port] (sesuaikan port aplikasi eRapor Anda).
5. Klik Save/Add Tunnel.

Langkah 4: Konfigurasi Aplikasi online erapor dengan cloudflare

Agar aplikasi berjalan sempurna saat diakses dari domain baru, Anda perlu menyesuaikan konfigurasi baseURL pada script aplikasi.

1. Buka File Explorer di PC Server.
2. Masuk ke direktori instalasi:C:\appraporsmaref25\wwwroot\app\Config
3. Cari file bernama App.php.
4. Buka file tersebut dengan Notepad atau Text Editor.
5. Cari baris pengaturan domain/URL (biasanya $baseURL). Ubah isinya (di dalam tanda petik ') menjadi domain yang baru saja Anda buat di Cloudflare.
   • Contoh: 'https://erapor.sekolahanda.sch.id'
6. Simpan file (Save).

Langkah 5: Pengujian online erapor dengan cloudflare

1. Buka browser dari perangkat lain (HP atau laptop di jaringan berbeda/menggunakan kuota data).
2. Akses alamat domain yang sudah dibuat (misal: https://erapor.sekolahanda.sch.id).
3. Jika halaman login muncul, maka konfigurasi berhasil.

Itulah tutorial online erapor dengan cloudflare, semoga bermanfaat. Jika ada pertanyaan silahkan tulis di kolom komentar.