Github Pages Custom Domain dengan SSL Cloudflare

Ryan Aunur Rassyid
Aug 27, 2017 · 4 min read
Halaman depan website https://cloudflare.com

Seperti judulya saya akan membahas cara custom domain di Github Page sekaligus membuat domain menjadi HTTPS menggunakan layanan dari Cloudflare. Pada dasarnya ketika kita membeli sebuah paket Hosting domain di suatu penyedia layanan hosting tertentu, kita akan mendapatkan Free SSL dari Let’s Encrypt atau SSL gratis lainnya. Namun tidak, jika kamu hanya ingin mendaftarkan domain atau beli domain saja. Jadi kita harus membeli SSL kita sendiri.

Tampulan HTTPS di url bar

Tapi tidak untuk saya yang selalu mengutamakan yang Gratis. Setelah mencari referensi kesana kemari akhrinya saya menemukan solusi nya, Yup kita pakai SSL dari Cloudflare. Lalu gimana cara pakai nya Sob?. Santai dulu, kita harus daftar dulu ke Cloudflare agar bisa nikmatin fitur fitur dari Cloudflare-nya. Saya asumsikan disini kita sudah punya Github Page ya.

Setelah daftar kita akan mulai setup Web kita supaya mengarah ke Cloudflare, ya secara mudahnya sih kita bakalan membuat pengunjung melakukkan request ke cloudflare dulu baru cloudflare bakalan ngirim ke Github Page kita. Bisa di bilang Cloudflare ini pihak ke-3 nya Website kita.

Step pertama kita di suruh untuk masukkan alamat domain kita, misalnya di sini saya punya domain “bukalapuk.com”. Disini Cloudflare bakalan scan DNS dari domain kita.

Add Website ke Cloudflare

Lanjut, Step ke-2. Nah setelah kita masukkin alamat domain kita di suruh untuk membuat DNS Record kita. Karena kita pakai Github Page kita harus membuat A record supaya mengarah ke Server nya si Github. Kita mengarahkan domain kita ke 2 IP Server Github yaitu 192.30.252.153 dan 192.30.252.154 . Detail penjelasan IP tersebut di sini ya sob

https://help.github.com/articles/setting-up-an-apex-domain/

untuk record CNAME kita masukkan name “www” dan valuenya alamat Github Page kalian misalnya “iniceritanya.github.io”. Record ini memberitahu Server Github bahwa ini domain kita. dan di Github Page Repository kalian jangan lupa untuk membuat file “CNAME” berisikan nama domain kalian ya. Kepana musti “www” sih sob name nya? . nah “www” disini berarti domain yang di pakai adalah root atau domain itu sendiri, kalau kami isi dengan “blog” maka jadinya https://blog.bukalapuk.com/.

Setting DNS Record di Cloudflare

OK, Lanjut Step ke-3. Setelah mengisi DNS Record kita lanjut memilih Paket pembelian kalian. Ada Free, Busnis Plant, Profesional Plant dll. Tentu saja kita akan memilih yang Free Plant disini hehehe. untuk Fitur dari tiap Plant kamu bisa baca disini https://www.cloudflare.com/plans/.

Step ke-4. Sekarang kamu di suruh untuk merubah Name Server kalian ke Name Server milik Cloudflare. Untuk cara merubah Name Server Domain kamu bisa tanya tanya ke Custumer Service di layanan Hosting kamu. setelah selesai di rubah kamu harus menunggu selama 24 jam untuk prosess perubahan Name Server (Secara pengalaman 10 Menit selesai).

Step ke-5. Nah kita sudah masuk di Halaman dashboard Cloudflare disini. Langsung ke menu “Crypto”. Rubah SSL kita menjadi Flexible SSL, apa lagi nih sob Flexible SSL?. OK, penjelasan lengkapnya disini https://support.cloudflare.com/hc/en-us/articles/200170416-What-do-the-SSL-options-mean-.

Setting SSL menjadi Flexible SSL

Scroll dikit bakalan ada “Always Use HTTPS” pastikan sudah On.

Always Use HTTPS

Step Terakhir. Tunggu sampai prosess Verifikasi SSL oleh Vendor SSL nya selesai biasanya sih 20 Menit-an. Tandanya kala belum ter-varifikasi kita bakalan menerima error ERR_SSL_VERSION_OR_CIPHER_MISMATCH ketika mengaksess website kita mengunakan Protocol HTTPS.

Penjelasan error tersebut bisa dilihat di artikel berikut https://support.cloudflare.com/hc/en-us/articles/200170616-Why-am-I-getting-a-SSL-mismatch-error-

Warna hijau nan indah menandakan status Active

Nah gimana sob udah paham kan. Sekarang Github Page kamu sudah Custom domain sekaligus ber-SSL (HTTPS) dan yang pasti GRATIS. sekian dari saya Selamat mencoba.

Nama domain di atas adalah rekayasa belaka, jika ada kesamaan domain, nama dan juga cerita adalah hanya kebetulan semata dan tidak ada unsur kesengajaan.

)
Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade