Cara Membuat Redirect Link Cloudflare Pages

Cara Membuat Redirect Link - Redirect link atau yang di artikan secara langsung adalah pengalihan link, adalah link yang akan mengalihkan user ke sebuah halaman tertentu saat link di akses atau di klik.

Redirect link ini bisa digunakan untuk link social media profile kalian agar lebih mudah untuk kalian ingat dan bagikan karena bisa dicustom dengan domain kalian sendiri.

Contoh dari redirect link yang bisa dicustom ini seperti shortlink: bit.ly, s.id, dll.

Tapi di tutorial kali ini redirect link akan di buat secara mandiri menggunakan cloudflare pages, tidak bergantung pada layanan shortlink yang sudah ada.

Tujuannya agar pemilik redirect link masih memiliki kontrol penuh dari link yang dibuat dan tidak bergantung ke layanan terkait.

Kekurangan dari redirect link custom menggunkan cloudflare pages, yakni tidak adanya dashborad untuk melihat statistik berapa banyaknya klik atau akses yang terjadi pada redirect link.

Persiapan

• Akun Cloudflare (wajib)
• Akun Github (untuk mempermudah)
• Domain (opsional)

Keterangan: Kalian siapkan akun cloudflare terlebih jika ingin menggunakan custom domain (opsional) kalian hubungkan dulu domainnya ke layanan cloudflare.

Jika tidak ingin mengunakan atau tidak punya domain kalian masih akan di berikan sub domain gratis dari cloudflare pages yakni pages.dev, maka subdomain yang akan kalian punya akan terlihat seperti ini: namaprojectkalian.pages.dev

Akun github digunakan agar lebih mudah dalam proses development dan management linknya, jika tidak menggunkan github kalian akan perlu melakukan upload directory/folder project setiap melakukan development

Contoh link:

1. https://link.marwanto606.com/github (custom sub domain)
2. https://link606.pages.dev/github (project sub domain)

Pembuatan:

• Kalian masuk ke akun github lalu buat sebuah repository project kalian
• Kemudian buat sebuah file beri nama _redirects yang akan berisi redirect link kalian seperti contoh dibawah ini:

  / https://www.marwanto606.com 308
  /github https://github.com/marwanto606 302

Keterangan: /github adalah pathname yang akan di akses, https://github.com/marwanto606 adalah contoh url yang akan di akses, 302 adalah code http Found (Ditemukan), bisa juga menggunkan code 301 Moved Permanently (Pindah secara Permanen), 307 Temporary Redirect (Pengalihan Sementara), 308 Permanent Redirect (Pengalihan Permanen)

• Lalu klik simpan
• selanjutnya Buka cloudflare, klik menu Workers & Pages
• Klik Create Aplication pilih tab pages, Klik connect to git untuk menghububgkan akun github kalian
• Pilih nama repository project redirect link yang sudah kalian buat
• Lalu klik deploi untuk memulai proses deployment
• Tunggu hingga proses selesai
• Untuk mencustom domain kalian klik nama project cloudflare pagesnya dan masuk tab Custom domains
• Klik set up a custom domain dan maukkan nama custom domain kalian contoh: link.domainkalian.com
• Selanjutnya kalian akan diminta memasukkan setingan dns untuk custom domain prohject tersebut
• Untuk menambahkan link baru kalian tinggal edit file _redirects di github selanjutnya simpan dan commit maka proses deployment baru akan secara otomatis dijalankan oleh cloudflare pages.
• Selesai

Repo Source code project: https://github.com/marwanto606/link606