Web Messaging
2019年11月6日 (水) 00:01時点におけるAdministrator (トーク | 投稿記録)による版 (ページの作成:「'''Web Messaging'''とは、HTML5を構成する仕様の一部で、ウインドウやフレーム、オブジェクトの間でメッセージを送受信する仕…」)
Web Messagingとは、HTML5を構成する仕様の一部で、ウインドウやフレーム、オブジェクトの間でメッセージを送受信する仕組みである。いわゆるプロセス間通信に相当するものである。
実装例
これらを動作させるにはウェブサーバーが必要となる。ローカルファイルとしてブラウザで開くとセキュリティの関係で動作しない。これだけのためにapacheやnginxを入れるのは不毛なので簡易ウェブサーバーを使うといい。」
test.html
<!DOCTYPE html>
<html>
<head>
<title>WebMessage TEST</title>
<script>
window.addEventListener("load", function() {
var worker = new Worker('test.js');
worker.onmessage = function(event) {
document.getElementById('result').innerHTML = event.data;
}
};
});
</script>
</head>
<body onload="init()">
<div id="result">
</div>
</body>
</html>
test.js
var count = 0;
setInterval(function() {
postMessage('hoge' + count++);
}, 1000);
外部リンク