Memproteksi Hotlink Image di Nginx (hotlink protection)

Memproteksi Hotlink Image di Nginx (hotlink protection) - Hotlink adalah cara seseorang mengambil assets website kita dengan langsung menempelkan url asli misalkan gambar dari website kita contoh : https://pinguinkode.com/gambar.jpg lalu di pasangkan di website mereka. Nah dengan begini mereka dapat gambar secara gratis tanpa perlu nge-host di website mereka (beban bandwithnya jadi milik hosting atau server kita). Jadi bisa dikatakan hotlink ini cukup merugikan sekali, terlebih lagi jika gambar dari url web kita dipakai di website yang ramai pengujungnya, bisa bisa bandwith kita habis gak karuan.

Belum menginstall nginx? ikuti panduanya disini:

- https://www.pinguinkode.com/2020/09/cara-install-nginx-di-ubuntu-18x.html

- https://www.pinguinkode.com/2020/10/install-nginx-ubuntu-2004-lts.html

Untuk mencegah hotlinking ini, kita bisa menggunakan konfigurasi seperti berikut ini untuk di Nginx:

misalkan kita akan memproteksi hotlinking untuk gambar, maka konfigurasinya seperti berikut

location ~ \.(jpe?g|png|gif)$ {
     valid_referers none blocked mysite.com *.mysite.com;
     if ($invalid_referer) {
        return   403;
    }
}

Nah, simpan nginx nya lalu reload/restart jangan lupa testing dulu dengan nginx -t.

Selain ektensi seperti itu, kita juga bisa memproteksi direktori/folder, karena kita biasanya menaruh assets - assets ini di folder publik, jadi untuk memproteksi folder/direktori ini bisa dengan cara berikut:

Misalkan kita akan memproteksi folder images:

location /images/ {
     valid_referers none blocked mysite.com *.mysite.com;
     if ($invalid_referer) {
        return   403;
    }
}

Nah itulah bagaimana cara memproteksi hotlink di nginx semoga bermanfaat!

Referensi: https://nginxlibrary.com/hotlink-protection/