勉強したことのメモ

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呼び出し出来なくなるので、サイトによっては使わない方が良い場合もありそう。

 - サーバー

  関連記事

ムームードメインで取得したドメインをシン・クラウド for Freeに割り当てHTTPS接続する方法
ムームードメインで取得したドメインをシン・クラウド for Freeに割り当てHTTPS接続する方法

ムームードメインで取得したドメインをシン・クラウド for Freeに割り当てた ...

htaccessファイルにてVPS⇔レンタルサーバ間のリバースプロキシ設定を行う方法
htaccessファイルにてVPS⇔レンタルサーバ間のリバースプロキシ設定を行う方法

VPSの指定したディレクトリにアクセスした場合、レンタルサーバの指定したディレク ...

ホスト側Nginx & Apacheコンテナ環境にてWeb公開用ディレクトリ構造について
ホスト側Nginx & Apacheコンテナ環境にてWeb公開用ディレクトリ構造について

Podmanコンテナ環境の各種ディレクトリを整理したい。docker-compo ...

iptablesを更新するとFTP接続ができなくなる場合の対応策
iptablesを更新するとFTP接続ができなくなる場合の対応策

iptablesでIP制限を追加し、iptablesを再起動するとそのサーバーに ...

ムームードメインで取得したドメインをムームードメイン側のDNSでエックスサーバを使う方法
ムームードメインで取得したドメインをムームードメイン側のDNSでエックスサーバを使う方法

ムームードメインでドメインを取得し、エックスサーバで使う場合にエックスサーバ側の ...