Subresource Integrity (SRI): Perisai Tambahan untuk Melindungi Aplikasi Web Anda dari Serangan Pihak Ketiga

1. Pendahuluan

Di era modern web development, hampir tidak ada aplikasi yang berdiri sendiri. Kita sering mengandalkan berbagai resource dari pihak ketiga: library JavaScript populer dari CDN seperti jQuery, React, atau Vue; framework CSS seperti Bootstrap atau Tailwind CSS; hingga font dan ikon. Ketergantungan ini membawa banyak manfaat, mulai dari kecepatan pengembangan hingga performa yang lebih baik karena caching CDN.

Namun, ada satu pertanyaan krusial: Bagaimana jika salah satu resource pihak ketiga yang Anda gunakan disusupi atau dimodifikasi secara jahat? ⚠️

Bayangkan skenario ini:

• CDN tempat Anda mengambil library JavaScript diserang, dan file library tersebut disuntikkan kode berbahaya (misalnya, untuk mencuri data input pengguna, kredensial, atau bahkan session