参考リンク

• ダッシュボードを埋め込む
• クリックジャッキングとその対策について調べた件

まとめ

背景

某案件にて、Databricks上で作成したDashboardをフロントエンドに埋め込んで、Databricksにアクセスせずとも画面を確認できるようにしたいという要望があった。

確認事項

手順

1. ダッシュボードの作成
2. ダッシュボードの埋め込み画面の生成方法の確認
3. 埋め込みの動作確認

わかったこと

• ダッシュボードはiframeとして埋め込むことが可能だが、このとき埋め込みコードを追記したHTMLファイルをローカルファイルから、直接表示しようとしても、埋め込み画面が表示されない
• ディベロッパーツールでエラー内容を確認してみると、frame-ancestors (HTMLをホストしているサーバー) に http, https, ws, wssプロトコルで接続 する必要があるとのこと
• ローカルでWebサーバーを立てて、HTMLファイルを読み込んで、https接続してみたところ、無事埋め込み画面が表示され、ダッシュボードがインタラクティブに動作することを確認できた