勉強したことのメモ

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

 - サーバー

  関連記事

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

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

OpenLiteSpeedにてhtaccessファイルでリライト、リダイレクトする方法
OpenLiteSpeedにてhtaccessファイルでリライト、リダイレクトする方法

OpenLiteSpeedでリライト、リダイレクト設定を行いたい。調べたところ管 ...

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

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

OpenLiteSpeedで任意のディレクトリに対してBasic認証をかける方法
OpenLiteSpeedで任意のディレクトリに対してBasic認証をかける方法

OpenLiteSpeedで任意のディレクトリ以下へのアクセスに対してBasic ...

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

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