HTML5 Messaging

Dalam artikel ini saya akan membahas salah satu fitur HTML5 yaitu messaging. Fitur ini memungkinkan kita bikin dua atau lebih dokumen HTML yang terpisah, salah satu atau semuanya dimuat ke dalam iframe, tapi masih bisa berkomunikasi satu sama lain.

Apa aja yang perlu kita pake untuk implementasi fitur ini?

  • message event
  • postMessage API

Mungkin Anda pikir, “Hari gini masih pake iframe? Jadul.”

Eit .. jangan salah, iframe banyak gunanya terutama untuk bikin bagian kecil dari web page yang terisolasi dari dokumen induk sehingga nggak saling interferensi, contohnya iklan, embeddable widget, dll. Coba liat artikel sebelumnya tentang RegEx, contoh kode dari JSBin juga dimuat ke dalam iframe.

Same-Origin Messaging

Pertama kita coba implementasi fitur ini pake dua dokumen yang asalnya dari domain yang sama. Same-origin maksudnya URL dua file/dokumen tersebut pake protokol yang sama, domain yang sama, dan nomor port yang sama.

Continue reading HTML5 Messaging