Cara Menghubungkan CloudFlare dengan Nama Domain

Cara Menghubungkan CloudFlare dengan Nama Domain

Cloudflare adalah perusahaan teknologi internet asal Amerika Serikat yang menyediakan solusi web performance dan security sebagai services. Layanan Cloudflare yang paling dikenal oleh web developer atau system administrator adalah Cloudflare sebagai authoritative DNS atau DNS hosting dan sebagai Content Delivery Network (CDN) service.

Cara Kerja Cloudflare

Ketika website terhubung dengan Cloudflare, request yang dikirimkan dari web browser akan dilayani dan disaring terlebih dahulu oleh sistem Cloudflare. Jika request tersebut dianggap aman akan diteruskan ke web server. Tetapi jika request tersebut terdeteksi sebagai serangan Cloudflare akan memblokirnya (firewall dan anti DDoS).

Cara Menghubungkan CloudFlare dengan Nama Domain
Alur Permintaan dari Visitor ke Web Server (credit: Cloudflare)

CDN berfungsi untuk mendistribusikan content website ke seluruh server Cloudflare. Ketika ada visitor yang mengakses dari lokasi tertentu, content website yang ditampilkan merupakan content yang berasal dari server Cloudflare yang terdekat dari lokasi visitor sehingga akses website terasa lebih cepat.

Pembuatan Akun Cloudflare

Teman-teman bisa langsung membuat akun di Cloudflare tanpa syarat, tidak harus memasukkan metode pembayaran misalnya kartu kredit.

Menghubungkan Nama Domain dengan Cloudflare

  1. Setelah akun jadi, login ke dashboard Cloudflare.
  2. Klik + Add Site untuk menambahkan domain baru yang akan dihubungkan ke Cloudflare.
    Cara Menghubungkan CloudFlare dengan Nama Domain
    Dashboard Cloudflare Belum Ada Website
  3. Masukkan nama domain.
    Cara Menghubungkan CloudFlare dengan Nama Domain
    Form tambah nama domain
  4. Cloudflare melakukan query terhadap DNS record domain yang telah dimasukkan. DNS record yang terbaca akan diimpor oleh Cloudflare untuk dimasukkan ke dalam sistem DNS.
    Cara Menghubungkan CloudFlare dengan Nama Domain
    Cloudflare berhasil query DNS records
  5. Kemudian pilih paket layanan, saya memilih paket FREE dengan fitur Global CD, Unmetered Mitigation of DDoS attacks, dan Free shared SSL certificate.
    Cara Menghubungkan CloudFlare dengan Nama Domain
    Paket Langganan Cloudflare
  6. Kemudian konfirmasi kembali paket yang dipilih.
    Cara Menghubungkan CloudFlare dengan Nama Domain
    Konfirmasi Paket Langganan
  7. Kemudian ditampilkan DNS records yang telah diimpor. Saya hanya memakai 2 DNS record saja, kalau teman-teman memasukkan domain yang terpasang di shared hosting, DNS record-nya lebih banyak.
    Cara Menghubungkan CloudFlare dengan Nama Domain
    DNS records wpdev.web.id
  8. Terakhir, diminta untuk mengubah nameserver yang ada menjadi nameserver milik Cloudflare. Pengaturan nameserver ini berada di dashboard penyedia domain.
    Cara Menghubungkan CloudFlare dengan Nama Domain
    Nameserver Cloudflare
  9. Mengubah nameserver domain. Perubahan nameserver domain membutuhkan waktu propagasi maksimal 2×24 jam.
    Cara Menghubungkan CloudFlare dengan Nama Domain
    Nameserver awal wpdev.web.id

    Cara Menghubungkan CloudFlare dengan Nama Domain
    Mengganti nameserver domain
  10. Setelah nameserver domain diubah, kembali ke dashboard Cloudflare, lalu klik Re-check now.
    Cara Menghubungkan CloudFlare dengan Nama Domain
    Instruksi perubahan nameserver

Pengujian Domain yang Berada di Cloudflare

Untuk menguji apakah domain sudah sepenuhnya berada di Cloudflare, kita dapat menggunakan perintah ping. Lakukan ping pada nama domain, IP address yang tampil bukan lagi IP address dari web server atau web hosting sebelumnya (cek A record pada DNS), melainkan salah satu IP address milik Cloudflare.

Cara Menghubungkan CloudFlare dengan Nama Domain
IP address hasil ping domain sebelum memakai Cloduflare

Cara Menghubungkan CloudFlare dengan Nama Domain
IP address hasil ping domain sesudah memakai Cloduflare

Sertifikat SSL

Domain yang sudah terhubung ke Cloudflare dapat menggunakan SSL gratisnya sehingga domain sudah bisa diakses dengan protokol HTTPS. Saat tutorial ini dibuat, saya tidak melakukan konfigurasi tambahan, SSL langsung aktif. Pengaturan SSL Cloudflare berada di menu Crypto.

Cara Menghubungkan CloudFlare dengan Nama Domain
wpdev.web.id menggunakan SSL (HTTPS)
Cara Menghubungkan CloudFlare dengan Nama Domain
Sertifikat SSL dari Cloudflare untuk domain wpdev.web.id
Cara Menghubungkan CloudFlare dengan Nama Domain
Halaman Crypto di Cloudflare

Manajemen DNS Records

Setelah domain terhubung dengan Cloudflare, pengaturan DNS records bukan lagi di dashboard penyedia domain atau di DNS records control panel web hosting, melainkan di menu DNS Cloudflare.

Pada gambar di bawah ini terdapat icon awan berwarna orange pada kolom status, artinya untuk menuju ke A record dengan IP address tersebut harus melewati Cloudflare terlebih dahulu. Sehingga IP address web server yang sebenarnya tidak terekspos di publik.

Cara Menghubungkan CloudFlare dengan Nama Domain
Halaman konfigurasi DNS records di Cloudflare

Selamat mencoba 🙂

32 Comments

    • – kalau cloudflare down, website kita juga jadi down, karena cloudflare menjadi perantara.
      – bisa salah mengenali visitor, dikiranya ancaman.
      – bisa saja memblokir bot search engine.
      – kalau web hosting/web server lokasinya di Indonesia dan pakai cloudflare, berarti request ke luar negeri dulu lokasi server cloudflare, karena cloudflare belum ada CDN server di Indonesia.

  1. mas saya sudah mengaktifkan cloudflare dan sudah sukses tapi web.id saya belum aktif
    apa idwebhost dulu pengaturannya
    atau bagaimna
    psusing saya
    mhn kasih contoh dimulaid dari awal web.id contoh

  2. Mas saya pasang cloudflare tapi masih error cloudflare 524, adakah solusinya pak. Baru cari info katanya berhubungan dengan respon origin server. Cuman belum nemuin solusinya.

  3. Halo mas, saya masih bingung soal cloudflare, apabila sekarang menggunakan Hosting A, dan name server sudah saya ubah sesuai Cloudflare.

    Namun nantinya pindah hosting B, apakah harus mengubah dari awal atau tinggal mengubah name server lagi ?

  4. halo mas musa,

    mantap tutorialnya mas,,, untuk setting page rule yg harus dibuat apa mas kalau pakai CF ?
    atau lain lainya mas..

Leave a Reply

Your email address will not be published. Required fields are marked *