勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ

HTTPレスポンスヘッダーX-Frame-Optionsの設定方法

   2024/02/22  サーバー

X-Frame-Optionsの設定をする事があった。そもそも「X-Frame-Optionsの設定」って何? という状況だったので、色々調べてメモ。

 

X-Frame-Optionsとは

iframeでの呼び出しを許可するかどうか設定できるというものらしい。

https://developer.mozilla.org/ja/docs/Web/HTTP/X-Frame-Options

 

設定方法

サーバの設定ファイル(httpd.conf)もしくはhtaccessに以下を追記する。

Header always append X-Frame-Options SAMEORIGIN

 

その他

X-Frame-Optionsについて調べていると「クリックジャッキング」という記事が多く見かけた。iframeを用いる攻撃というかそういう技術らしい。以下が分かりやすかった。

https://nulab-inc.com/ja/blog/typetalk/measure-clickjacking/

尚、X-Frame-Optionsを設定すると当然ながら外部からiframe呼び出し出来なくなるので、サイトによっては使わない方が良い場合もありそう。

 - サーバー

  関連記事

AlmaLinux8系に1-Click InstallでOpenLiteSpeedをインストールする方法
AlmaLinux8系に1-Click InstallでOpenLiteSpeedをインストールする方法

以前AlmaLinux8にOpenLiteSpeedをインストールする記事を書い ...

コンテナをGUIでブラウザから管理できるツール「Portainer」の導入方法
コンテナをGUIでブラウザから管理できるツール「Portainer」の導入方法

Podmanコンテナを管理する際はCockpit-podmanから、もしくはサー ...

WordPressでメモリを節約しつつ高速化する設定方法
WordPressでメモリを節約しつつ高速化する設定方法

メモリ1GのVPSを借りてWordpress以外にも、ちょいちょいものを置いてい ...

ブラウザがWebP対応の場合はそのまま表示し、非対応の場合はjpg/png画像を表示させる方法
ブラウザがWebP対応の場合はそのまま表示し、非対応の場合はjpg/png画像を表示させる方法

ページ表示時にブラウザがWebP画像に対応している場合はそのまま表示し、非対応の ...

Cockpitにリンク集(ブックマーク)のようなページを作成し、メニューにも追加する方法
Cockpitにリンク集(ブックマーク)のようなページを作成し、メニューにも追加する方法

Cockpitにリンク集(ブックマーク)のようなカスタムページを作成し、左メニュ ...