まとめなど
- iframe タグの src 属性に指定した URL に対してデータを送信し、その URL のページから送信されるデータを受信する。送受信、ピンポンするようなイメージ。
- 呼び出されるオリジン側の認証状態の操作を行う (ことで呼び出されるオリジンのCookieを操作する) のに便利
- 前回の 【TypeScript】iframe からの postMessage を受け取る汎用関数を作った – oki2a24 の仲間。
月: 2023年5月
まとめなど
<iframe>から送られてくる postMessage を受信したいときに使用する。- 認証状態をチェックするときに使うと便利。
- セキュリティについて、汎用関数内で postMessage の送信元をチェックするようにしているが、これ以外にも例えば
<iframe>で指定する URL 側でも措置を別途考慮する必要がある点に注意。 - 汎用関数の引数に指定する
<iframe>の URLは、静的な HTML をレスポンスする場合は想定通りの動きをした。しかし、 Vue Router で定義したページを指定した場合には想定通りの動きをせず、使い物にならなかった。