WEBサーバのセキュリティ対策とは、常に小さな事の積み重ねですが、X-Frame-Options HTTPレスポンスヘッダとは、外部サイトからのiframeの読み込み許可範囲を設定できるものです。この設定を行う事で、クリックジャッキング攻撃対策を行う事が出来ます。

Apache2.4セキュリティ「mod_headersモジュールでX-Frame-Optionsレスポンスヘッダの設定を行いクリックジャッキング攻撃対策を行う」

「セキュリティ対策とは、常に小さな事の積み重ねである」 
どなたの名言でもありませんが、激しく同意している今日この頃。
べつにしてもしなくてもどっちでもまあいい。程度のレベルなら、ひとまずやっておくのが WEB サーバーのセキュリティ対策だと思っています。
という事で今回は、クリックジャッキング対策として、X-Frame-Options レスポンスヘッダの設定を行います。
<h2 id="contents">Contents</h2>
<ol>
<li><a href="#%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF%E3%82%B8%E3%83%A3%E3%83%83%E3%82%AD%E3%83%B3%E3%82%B0%E6%94%BB%E6%92%83">クリックジャッキング攻撃</a></li>
<li><a href="#x-frame-options-http-%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B9%E3%83%98%E3%83%83%E3%83%80">X-Frame-Options HTTP レスポンスヘッダ</a></li>
<li><a href="#apache-mod_headers-%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB%E3%81%AE%E6%9C%89%E5%8A%B9%E5%8C%96">Apache mod_headers モジュールの有効化</a></li>
<li><a href="#x-frame-options-%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B9%E3%83%98%E3%83%83%E3%83%80%E3%82%92%E8%A8%AD%E5%AE%9A%E3%81%99%E3%82%8B">X-Frame-Options レスポンスヘッダを設定する</a>
<ol>
<li><a href="#%E7%8F%BE%E5%9C%A8%E3%81%AE%E8%A8%AD%E5%AE%9A%E7%A2%BA%E8%AA%8D">現在の設定確認</a></li>
<li><a href="#x-frame-options-http-%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B9%E3%83%98%E3%83%83%E3%83%80%E8%A8%AD%E5%AE%9A">X-Frame-Options HTTP レスポンスヘッダ設定</a></li>
</ol>
</li>
<li><a href="#%E5%8B%95%E4%BD%9C%E7%A2%BA%E8%AA%8D">動作確認</a></li>
</ol>
<h2 id="クリックジャッキング攻撃">クリックジャッキング攻撃</h2>
クリックジャッキング攻撃とは、悪意のあるユーザが iframe に別のサイトへのリンクなどを仕込み、気づかれない（見えない）ようにして攻撃対象のサイトへそれを表示させ、訪問者にその部分をクリックさせる事で、意図しないサイトへ強制的に誘導してしまう攻撃手法の事。
<h2 id="x-frame-options-http-レスポンスヘッダ">X-Frame-Options HTTP レスポンスヘッダ</h2>
X-Frame-Options HTTP レスポンスヘッダとは、外部サイトからの、HTML の iframe タグの読み込み許可範囲を設定できるもの。設定出来る値は以下の３つです。
DENY 問答無用で全ての iframe タグが無効となる SAMEORIGIN 同一オリジンのものであれば iframe が有効となる。オリジン＝同一ドメインであっても、http と https であれば無効となる ALLOW-FROM uri 指定したドメインのみ有効となる（１件のみ）例） ALLOW-FROM example.com## 現状確認と準備
今回は WEB サーバを２台用意して確認してみます。現状では何も制限をおこなっていないので、どこの外部サイトからであっても iframe で読み込みが可能なはずです。
１号機 CentOS 7.2Apache 2.4192.168.33.20<a href="http://apache-practice.com/%EF%BC%92%E5%8F%B7%E6%A9%9F" rel="noopener noreferrer" target="_blank">http://apache-practice.com/２号機</a> CentOS 7.2Apache 2.4192.168.33.21<a href="http://apache-practice-master.com/%E3%81%BE%E3%81%9A%E3%81%AF%EF%BC%91%E5%8F%B7%E6%A9%9F%E3%81%AE%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E7%94%A8%E6%84%8F%E3%81%97%E3%81%BE%E3%81%99%E3%80%82" rel="noopener noreferrer" target="_blank">http://apache-practice-master.com/まずは１号機のページを用意します。</a> HTML で簡単なページを作ります。
<pre><code class="hljs language-shell"># １号機のルートディレクトリに移動
cd /var/www/html

# index.html を作成
vim index.html

# index.html に記述したのソースコード
html>
&#x3C;html lang="ja">
&#x3C;head>
 &#x3C;meta charset="UTF-8">
 &#x3C;title>title&#x3C;/title>
&#x3C;/head>
&#x3C;body>
 &#x3C;h1>Hello World!&#x3C;/h1>
 &#x3C;p>こちらは検証１号機です&#x3C;/p>
&#x3C;/body>
&#x3C;/html>
</code></pre>
ブラウザから確認するとこんな感じになります。
<div class="img_wrap"><amp-img layout="responsive" src="/images/posts/44/bvQRALWKiN7vh088Vt3x.png" width="400" height="285" alt="x-frame-potions_検証１号機ページ"></div>
続いて２号機。こちらも HTML で簡単なページを作ります。
<pre><code class="hljs language-shell"># ２号機のルートディレクトリに移動
cd /var/www/html

# index.html を作成
vim index.html

# index.html に記述したのソースコード
html>
&#x3C;html lang="ja">
&#x3C;head>
 &#x3C;meta charset="UTF-8">
 &#x3C;title>title&#x3C;/title>
&#x3C;/head>
&#x3C;body>
 &#x3C;h1>hoge hoge hoge&#x3C;/h1>
 &#x3C;p>こちらは検証２号機です&#x3C;/p>
&#x3C;/body>
&#x3C;/html>
</code></pre>
ブラウザから確認するとこんな感じになります。
<div class="img_wrap"><amp-img layout="responsive" src="/images/posts/44/LdKRL2bUq4qpj3Q3pRyk.png" width="400" height="257" alt="x-frame-potions_検証２号機ページ"></div>
ではここから、２号機で１号機のページを iframe で読み込んでみます。２号機のページに iframe を追記します。
<pre><code class="hljs language-html">&#x3C;html>
&#x3C;html lang="ja">
&#x3C;head>
 &#x3C;meta charset="UTF-8">
 &#x3C;title>title&#x3C;/title>
&#x3C;/head>
&#x3C;body>
 &#x3C;h1>hoge hoge hoge&#x3C;/h1>
 &#x3C;p>こちらは検証２号機です&#x3C;/p>

 &#x3C;iframe src="http://192.168.33.20/" width=800 height=600>&#x3C;/iframe>

&#x3C;/body>
&#x3C;/html>
</code></pre>
ブラウザから確認するとこんな感じになります。
<div class="img_wrap"><amp-img layout="responsive" src="/images/posts/44/IiymmLrHtC0ZmpdywEAV.png" width="400" height="298" alt="x-frame-potions_２号機から１号機を読み込み_対策前"></div>
２号機のページから iframe で１号機のページが表示されました。
<h2 id="apache-mod_headers-モジュールの有効化">Apache mod_headers モジュールの有効化</h2>
X-Frame-Options レスポンスヘッダの設定の為には、Apache の mod_headers モジュールを有効にする必要があります。
Apache2.4 の場合は既に導入・有効化されているので、有効確認を行います。
ファイル設置箇所/etc/httpd/conf.modules.d ファイル名 00-base.conf00-base.conf を開き、mod_headers モジュールの存在と有効化を確認します。
<pre><code class="hljs language-shell"># vim コマンドで 00-base.conf を開く
vim /etc/httpd/conf.modules.d/00-base.conf

# 以下の記述があれば OK 。コメントアウトされている場合は外す。
LoadModule headers_module modules/mod_headers.so
</code></pre>
LoadModule headers_module modules/mod_headers.so の記述があれば導入はされています。もしコメントアウトされていた場合は外してください。
コメントアウトされていて、外した場合は Apache を再起動します。
<pre><code class="hljs language-shell"># Apache の再起動
apachectl restart
</code></pre>
<h2 id="x-frame-options-レスポンスヘッダを設定する">X-Frame-Options レスポンスヘッダを設定する</h2>
ここからいよいよ、X-Frame-Options レスポンスヘッダを設定していきます。
<h3 id="現在の設定確認">現在の設定確認</h3>
まずは、設定前のレスポンスヘッダを確認します。２号機の WEB サーバから、１号機に向けて以下の curl コマンドを叩きます。
<pre><code class="hljs language-shell"># ２号機の WEB サーバから、curl コマンドで１号機にアクセスする
curl -v -X GET http://192.168.33.20/

# 実行結果
[demo@localhost ~]# curl -v -X GET http://192.168.33.20/

* About to connect() to 192.168.33.20 port 80 (#0)
* Trying 192.168.33.20...
* Connected to 192.168.33.20 (192.168.33.20) port 80 (#0)
> GET / HTTP/1.1
> User-Agent: curl/7.29.0
> Host: 192.168.33.20
> Accept: */*
>
&#x3C; HTTP/1.1 200 OK
&#x3C; Date: Tue, 22 Aug 2017 01:48:16 GMT
&#x3C; Server: Apache
&#x3C; Last-Modified: Tue, 22 Aug 2017 01:14:55 GMT
&#x3C; ETag: "v5-8295d52fq1k32"
&#x3C; Accept-Ranges: bytes
&#x3C; Content-Length: 177
&#x3C; Content-Type: text/html; charset=UTF-8
&#x3C;

&#x3C;html lang="ja">
&#x3C;head
&#x3C;meta charset="UTF-8">
&#x3C;title>title&#x3C;/title>
&#x3C;/head>
&#x3C;body>
&#x3C;h1>Hello World!&#x3C;/h1>
&#x3C;p>こちらは検証１号機です&#x3C;/p>
&#x3C;/body>
&#x3C;/html>
* Connection #0 to host 192.168.33.20 left intact
</code></pre>
「X-Frame-Options 」の記載が無いので、X-Frame-Options HTTP レスポンスヘッダは未設定である事が確認出来ます。
<h3 id="x-frame-options-http-レスポンスヘッダ設定">X-Frame-Options HTTP レスポンスヘッダ設定</h3>
X-Frame-Options の設定ですが、conf ファイルに記述する事で設定できます。ここでは、httpd.conf に記述します。
ファイル設置箇所/etc/httpd/conf ファイル名 httpd.confhttpd.conf を開いて、以下を記述します。場所は大方どこでも大丈夫ですが、httpd.conf にオリジナル設定を記述する場合には、後で見返してわかりやすいように、下の方にまとめておくと良いと思います。
<pre><code class="hljs language-shell"># vim コマンドで httpd.conf を開く
vim /etc/httpd/conf/httpd.conf

# httpd.conf に以下を追記する
# X-Frame-Options Setting
Header append X-FRAME-OPTIONS "DENY"
</code></pre>
「DENY 」と記述しているところは、上記<a href="#x-frame-options">X-Frame-Options HTTP レスポンスヘッダ</a> の項で説明した３つのどれかを指定してください。今回はデモなので、一撃一刀両断の DENY 氏をアサインしました。
Apache を再起動します。
<pre><code class="hljs language-shell"># Apache の再起動
systemctl restart httpd.service
</code></pre>
ちなみにこの前に記述した Apache の再起動コマンドと違っていますが、ただの気まぐれです。再起動コマンドはいくつか存在しているので、自分の好きなコマンドで叩いてください。
<h2 id="動作確認">動作確認</h2>
設定が出来たので、改めてレスポンスヘッダを確認してみます。先ほどと同じように、２号機の WEB サーバから、１号機に向けて以下の curl コマンドを叩きます。
<pre><code class="hljs language-shell"># ２号機の WEB サーバから、curl コマンドで１号機にアクセスする
curl -v -X GET http://192.168.33.20/

# 実行結果
[demo@localhost ~]# curl -v -X GET http://192.168.33.20/

* About to connect() to 192.168.33.20 port 80 (#0)
* Trying 192.168.33.20...
* Connected to 192.168.33.20 (192.168.33.20) port 80 (#0)
> GET / HTTP/1.1
> User-Agent: curl/7.29.0
> Host: 192.168.33.20
> Accept: */*
> 
&#x3C; HTTP/1.1 200 OK
&#x3C; Date: Tue, 22 Aug 2017 01:49:38 GMT
&#x3C; Server: Apache
&#x3C; Last-Modified: Tue, 22 Aug 2017 01:14:55 GMT
&#x3C; ETag: "b1-5574d52bc1b18"
&#x3C; Accept-Ranges: bytes
&#x3C; Content-Length: 177
&#x3C; X-FRAME-OPTIONS: DENY
&#x3C; Content-Type: text/html; charset=UTF-8
&#x3C; 

&#x3C;html lang="ja">
&#x3C;head
&#x3C;meta charset="UTF-8">
&#x3C;title>title&#x3C;/title>
&#x3C;/head>
&#x3C;body>
&#x3C;h1>Hello World!&#x3C;/h1>
&#x3C;p>こちらは検証１号機です&#x3C;/p>
&#x3C;/body>
&#x3C;/html>
* Connection #0 to host 192.168.33.20 left intact
</code></pre>
「X-FRAME-OPTIONS: DENY 」の表示が確認出来ました。これで設定は完了です。
ブラウザから２号機にアクセスして確認してみましょう。
<div class="img_wrap"><amp-img layout="responsive" src="/images/posts/44/S7zWW0qHggMwnPK3qmRU.png" width="500" height="503" alt="x-frame-potions_２号機から１号機を読み込み_対策後"></div>
X-Frame-Options HTTP レスポンスヘッダを DENY にしたことにより、外部ドメインである２号機から１号機のコンテンツは読み込まれなくなりました。
また、Google Chrome のデベロッパーツールからみると、それぞれ、X-FRAME-OPTIONS が効いている事がわかります。
１号機（読み込まれる側）<amp-img layout="responsive" src="/images/posts/44/HTiUXEpNZBfbN0J9VVGg.png" width="800" height="232" alt="x-frame-potions_対策後_1 号機_header](/images/posts/44/nbpeHRPOW44W9BNFycPI.png)２号機（読み込んだ側）![x-frame-potions_対策後_2 号機_header">以上で X-FRAME-OPTIONS HTTP レスポンスヘッダの設定は完了です。

「セキュリティ対策とは、常に小さな事の積み重ねである」 
どなたの名言でもありませんが、激しく同意している今日この頃。
べつにしてもしなくてもどっちでもまあいい。程度のレベルなら、ひとまずやっておくのが WEB サーバーのセキュリティ対策だと思っています。
という事で今回は、クリックジャッキング対策として、X-Frame-Options レスポンスヘッダの設定を行います。
<h2 id="contents">Contents</h2>
<ol>
<li><a href="#%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF%E3%82%B8%E3%83%A3%E3%83%83%E3%82%AD%E3%83%B3%E3%82%B0%E6%94%BB%E6%92%83">クリックジャッキング攻撃</a></li>
<li><a href="#x-frame-options-http-%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B9%E3%83%98%E3%83%83%E3%83%80">X-Frame-Options HTTP レスポンスヘッダ</a></li>
<li><a href="#apache-mod_headers-%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB%E3%81%AE%E6%9C%89%E5%8A%B9%E5%8C%96">Apache mod_headers モジュールの有効化</a></li>
<li><a href="#x-frame-options-%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B9%E3%83%98%E3%83%83%E3%83%80%E3%82%92%E8%A8%AD%E5%AE%9A%E3%81%99%E3%82%8B">X-Frame-Options レスポンスヘッダを設定する</a>
<ol>
<li><a href="#%E7%8F%BE%E5%9C%A8%E3%81%AE%E8%A8%AD%E5%AE%9A%E7%A2%BA%E8%AA%8D">現在の設定確認</a></li>
<li><a href="#x-frame-options-http-%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B9%E3%83%98%E3%83%83%E3%83%80%E8%A8%AD%E5%AE%9A">X-Frame-Options HTTP レスポンスヘッダ設定</a></li>
</ol>
</li>
<li><a href="#%E5%8B%95%E4%BD%9C%E7%A2%BA%E8%AA%8D">動作確認</a></li>
</ol>
<h2 id="クリックジャッキング攻撃">クリックジャッキング攻撃</h2>
クリックジャッキング攻撃とは、悪意のあるユーザが iframe に別のサイトへのリンクなどを仕込み、気づかれない（見えない）ようにして攻撃対象のサイトへそれを表示させ、訪問者にその部分をクリックさせる事で、意図しないサイトへ強制的に誘導してしまう攻撃手法の事。
<h2 id="x-frame-options-http-レスポンスヘッダ">X-Frame-Options HTTP レスポンスヘッダ</h2>
X-Frame-Options HTTP レスポンスヘッダとは、外部サイトからの、HTML の iframe タグの読み込み許可範囲を設定できるもの。設定出来る値は以下の３つです。
DENY 問答無用で全ての iframe タグが無効となる SAMEORIGIN 同一オリジンのものであれば iframe が有効となる。オリジン＝同一ドメインであっても、http と https であれば無効となる ALLOW-FROM uri 指定したドメインのみ有効となる（１件のみ）例） ALLOW-FROM example.com## 現状確認と準備
今回は WEB サーバを２台用意して確認してみます。現状では何も制限をおこなっていないので、どこの外部サイトからであっても iframe で読み込みが可能なはずです。
１号機 CentOS 7.2Apache 2.4192.168.33.20<a href="http://apache-practice.com/%EF%BC%92%E5%8F%B7%E6%A9%9F" rel="noopener noreferrer" target="_blank">http://apache-practice.com/２号機</a> CentOS 7.2Apache 2.4192.168.33.21<a href="http://apache-practice-master.com/%E3%81%BE%E3%81%9A%E3%81%AF%EF%BC%91%E5%8F%B7%E6%A9%9F%E3%81%AE%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E7%94%A8%E6%84%8F%E3%81%97%E3%81%BE%E3%81%99%E3%80%82" rel="noopener noreferrer" target="_blank">http://apache-practice-master.com/まずは１号機のページを用意します。</a> HTML で簡単なページを作ります。
<pre><code class="hljs language-shell"># １号機のルートディレクトリに移動
cd /var/www/html

# index.html を作成
vim index.html

# index.html に記述したのソースコード
html>
&#x3C;html lang="ja">
&#x3C;head>
 &#x3C;meta charset="UTF-8">
 &#x3C;title>title&#x3C;/title>
&#x3C;/head>
&#x3C;body>
 &#x3C;h1>Hello World!&#x3C;/h1>
 &#x3C;p>こちらは検証１号機です&#x3C;/p>
&#x3C;/body>
&#x3C;/html>
</code></pre>
ブラウザから確認するとこんな感じになります。
<div class="img_wrap"><img src="/images/posts/44/bvQRALWKiN7vh088Vt3x.png" width="400" height="285" alt="x-frame-potions_検証１号機ページ"></div>
続いて２号機。こちらも HTML で簡単なページを作ります。
<pre><code class="hljs language-shell"># ２号機のルートディレクトリに移動
cd /var/www/html

# index.html を作成
vim index.html

# index.html に記述したのソースコード
html>
&#x3C;html lang="ja">
&#x3C;head>
 &#x3C;meta charset="UTF-8">
 &#x3C;title>title&#x3C;/title>
&#x3C;/head>
&#x3C;body>
 &#x3C;h1>hoge hoge hoge&#x3C;/h1>
 &#x3C;p>こちらは検証２号機です&#x3C;/p>
&#x3C;/body>
&#x3C;/html>
</code></pre>
ブラウザから確認するとこんな感じになります。
<div class="img_wrap"><img src="/images/posts/44/LdKRL2bUq4qpj3Q3pRyk.png" width="400" height="257" alt="x-frame-potions_検証２号機ページ"></div>
ではここから、２号機で１号機のページを iframe で読み込んでみます。２号機のページに iframe を追記します。
<pre><code class="hljs language-html">&#x3C;html>
&#x3C;html lang="ja">
&#x3C;head>
 &#x3C;meta charset="UTF-8">
 &#x3C;title>title&#x3C;/title>
&#x3C;/head>
&#x3C;body>
 &#x3C;h1>hoge hoge hoge&#x3C;/h1>
 &#x3C;p>こちらは検証２号機です&#x3C;/p>

 &#x3C;iframe src="http://192.168.33.20/" width=800 height=600>&#x3C;/iframe>

&#x3C;/body>
&#x3C;/html>
</code></pre>
ブラウザから確認するとこんな感じになります。
<div class="img_wrap"><img src="/images/posts/44/IiymmLrHtC0ZmpdywEAV.png" width="400" height="298" alt="x-frame-potions_２号機から１号機を読み込み_対策前"></div>
２号機のページから iframe で１号機のページが表示されました。
<h2 id="apache-mod_headers-モジュールの有効化">Apache mod_headers モジュールの有効化</h2>
X-Frame-Options レスポンスヘッダの設定の為には、Apache の mod_headers モジュールを有効にする必要があります。
Apache2.4 の場合は既に導入・有効化されているので、有効確認を行います。
ファイル設置箇所/etc/httpd/conf.modules.d ファイル名 00-base.conf00-base.conf を開き、mod_headers モジュールの存在と有効化を確認します。
<pre><code class="hljs language-shell"># vim コマンドで 00-base.conf を開く
vim /etc/httpd/conf.modules.d/00-base.conf

# 以下の記述があれば OK 。コメントアウトされている場合は外す。
LoadModule headers_module modules/mod_headers.so
</code></pre>
LoadModule headers_module modules/mod_headers.so の記述があれば導入はされています。もしコメントアウトされていた場合は外してください。
コメントアウトされていて、外した場合は Apache を再起動します。
<pre><code class="hljs language-shell"># Apache の再起動
apachectl restart
</code></pre>
<h2 id="x-frame-options-レスポンスヘッダを設定する">X-Frame-Options レスポンスヘッダを設定する</h2>
ここからいよいよ、X-Frame-Options レスポンスヘッダを設定していきます。
<h3 id="現在の設定確認">現在の設定確認</h3>
まずは、設定前のレスポンスヘッダを確認します。２号機の WEB サーバから、１号機に向けて以下の curl コマンドを叩きます。
<pre><code class="hljs language-shell"># ２号機の WEB サーバから、curl コマンドで１号機にアクセスする
curl -v -X GET http://192.168.33.20/

# 実行結果
[demo@localhost ~]# curl -v -X GET http://192.168.33.20/

* About to connect() to 192.168.33.20 port 80 (#0)
* Trying 192.168.33.20...
* Connected to 192.168.33.20 (192.168.33.20) port 80 (#0)
> GET / HTTP/1.1
> User-Agent: curl/7.29.0
> Host: 192.168.33.20
> Accept: */*
>
&#x3C; HTTP/1.1 200 OK
&#x3C; Date: Tue, 22 Aug 2017 01:48:16 GMT
&#x3C; Server: Apache
&#x3C; Last-Modified: Tue, 22 Aug 2017 01:14:55 GMT
&#x3C; ETag: "v5-8295d52fq1k32"
&#x3C; Accept-Ranges: bytes
&#x3C; Content-Length: 177
&#x3C; Content-Type: text/html; charset=UTF-8
&#x3C;

&#x3C;html lang="ja">
&#x3C;head
&#x3C;meta charset="UTF-8">
&#x3C;title>title&#x3C;/title>
&#x3C;/head>
&#x3C;body>
&#x3C;h1>Hello World!&#x3C;/h1>
&#x3C;p>こちらは検証１号機です&#x3C;/p>
&#x3C;/body>
&#x3C;/html>
* Connection #0 to host 192.168.33.20 left intact
</code></pre>
「X-Frame-Options 」の記載が無いので、X-Frame-Options HTTP レスポンスヘッダは未設定である事が確認出来ます。
<h3 id="x-frame-options-http-レスポンスヘッダ設定">X-Frame-Options HTTP レスポンスヘッダ設定</h3>
X-Frame-Options の設定ですが、conf ファイルに記述する事で設定できます。ここでは、httpd.conf に記述します。
ファイル設置箇所/etc/httpd/conf ファイル名 httpd.confhttpd.conf を開いて、以下を記述します。場所は大方どこでも大丈夫ですが、httpd.conf にオリジナル設定を記述する場合には、後で見返してわかりやすいように、下の方にまとめておくと良いと思います。
<pre><code class="hljs language-shell"># vim コマンドで httpd.conf を開く
vim /etc/httpd/conf/httpd.conf

# httpd.conf に以下を追記する
# X-Frame-Options Setting
Header append X-FRAME-OPTIONS "DENY"
</code></pre>
「DENY 」と記述しているところは、上記<a href="#x-frame-options">X-Frame-Options HTTP レスポンスヘッダ</a> の項で説明した３つのどれかを指定してください。今回はデモなので、一撃一刀両断の DENY 氏をアサインしました。
Apache を再起動します。
<pre><code class="hljs language-shell"># Apache の再起動
systemctl restart httpd.service
</code></pre>
ちなみにこの前に記述した Apache の再起動コマンドと違っていますが、ただの気まぐれです。再起動コマンドはいくつか存在しているので、自分の好きなコマンドで叩いてください。
<h2 id="動作確認">動作確認</h2>
設定が出来たので、改めてレスポンスヘッダを確認してみます。先ほどと同じように、２号機の WEB サーバから、１号機に向けて以下の curl コマンドを叩きます。
<pre><code class="hljs language-shell"># ２号機の WEB サーバから、curl コマンドで１号機にアクセスする
curl -v -X GET http://192.168.33.20/

# 実行結果
[demo@localhost ~]# curl -v -X GET http://192.168.33.20/

* About to connect() to 192.168.33.20 port 80 (#0)
* Trying 192.168.33.20...
* Connected to 192.168.33.20 (192.168.33.20) port 80 (#0)
> GET / HTTP/1.1
> User-Agent: curl/7.29.0
> Host: 192.168.33.20
> Accept: */*
> 
&#x3C; HTTP/1.1 200 OK
&#x3C; Date: Tue, 22 Aug 2017 01:49:38 GMT
&#x3C; Server: Apache
&#x3C; Last-Modified: Tue, 22 Aug 2017 01:14:55 GMT
&#x3C; ETag: "b1-5574d52bc1b18"
&#x3C; Accept-Ranges: bytes
&#x3C; Content-Length: 177
&#x3C; X-FRAME-OPTIONS: DENY
&#x3C; Content-Type: text/html; charset=UTF-8
&#x3C; 

&#x3C;html lang="ja">
&#x3C;head
&#x3C;meta charset="UTF-8">
&#x3C;title>title&#x3C;/title>
&#x3C;/head>
&#x3C;body>
&#x3C;h1>Hello World!&#x3C;/h1>
&#x3C;p>こちらは検証１号機です&#x3C;/p>
&#x3C;/body>
&#x3C;/html>
* Connection #0 to host 192.168.33.20 left intact
</code></pre>
「X-FRAME-OPTIONS: DENY 」の表示が確認出来ました。これで設定は完了です。
ブラウザから２号機にアクセスして確認してみましょう。
<div class="img_wrap"><img src="/images/posts/44/S7zWW0qHggMwnPK3qmRU.png" width="500" height="503" alt="x-frame-potions_２号機から１号機を読み込み_対策後"></div>
X-Frame-Options HTTP レスポンスヘッダを DENY にしたことにより、外部ドメインである２号機から１号機のコンテンツは読み込まれなくなりました。
また、Google Chrome のデベロッパーツールからみると、それぞれ、X-FRAME-OPTIONS が効いている事がわかります。
１号機（読み込まれる側）<img src="/images/posts/44/HTiUXEpNZBfbN0J9VVGg.png" width="800" height="232" alt="x-frame-potions_対策後_1 号機_header](/images/posts/44/nbpeHRPOW44W9BNFycPI.png)２号機（読み込んだ側）![x-frame-potions_対策後_2 号機_header">以上で X-FRAME-OPTIONS HTTP レスポンスヘッダの設定は完了です。

Author