質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.52%

  • AWS(Amazon Web Services)

    1999questions

    Amazon Web Services (AWS)は、仮想空間を機軸とした、クラスター状のコンピュータ・ネットワーク・データベース・ストーレッジ・サポートツールをAWSというインフラから提供する商用サービスです。

  • HTTP

    544questions

    HTTP(Hypertext Transfer Protocol)とはweb上でHTML等のコンテンツを交換するために使われるアプリケーション層の通信プロトコルです。

  • HTTPヘッダー

    90questions

    Hypertext Transfer Protocol(HTTP)の中のHTTPヘッダフィールドはHTTPの要求やレスポンスの機能しているパラメーターが含まれます。その要求もしくはレスポンスライン(メッセージの最初の一行)でメッセージヘッダを作ります。

route53→cloudfront→ELB→EC2でのリダイレクト

解決済

回答 1

投稿

  • 評価
  • クリップ 1
  • VIEW 1,859

ruuusaamarki

score 338

前提・実現したいこと

route53→cloudfront→ELB→EC2(wordpress on nginx)の環境で
wwwなしのURLをありにリダイレクトさせたい。

発生している問題・エラーメッセージ

ブラウザでexample.comにアクセスしたときのエラー

ERROR
The request could not be satisfied.
Bad request. 
Generated by cloudfront (CloudFront)

デベロッパーツールのコンソールを確認すると
403
Forbidden
とでています。

現在の設定

◆route53設定
●example.com ●A-IPv4 address 
●Alias Target:www.example.com.

●www.example.com ●A-IPv4 address 
●Alias Target:xxxxxxxxxxx.cloudfront.net. 
◆cloudfront設定
Alternate Domain Names (CNAMEs): *.example.com
◆nginx confファイル設定
server {
        listen 80;
        server_name _;
◆wordpress設定
homeurl:www.example.com
siteurl:www.example.com

wp-config.phpの最上部に
$_SERVER['HTTP_HOST'] = $_SERVER['HTTP_X_FORWARDED_HOST'];
$_SERVER['REMOTE_ADDR'] = $_SERVER['HTTP_X_FORWARDED_FOR'];

現在できていること

上記の設定でwww.example.comは表示できています。
X-Cache:Hit from cloudfrontも確認できております。
またAレコードの設定を以下のようにすることでexample.comでもアクセスができています。
●example.com ●A-IPv4 address 
●Alias Target:elbのアドレス
example.comでのアクセスはヘッダ情報にX-Cacheが表示されておりませんので
当然ながらelbに直接アクセスしている状態だと思います。

試したこと

route53でリダイレクト、もしくはcloudfrontでリダイレクトをさせたいと思い

cloudfrontで試した設定

Cache Behavior SettingsのWhitelist Headersに
「host」「example.com」等を加えてみました

がブラウザで確認すると上記のエラーが出ておりました。
また妥協案としてexample.comにアクセスが来た場合は
オリジン(nginx)からリダイレクトさせようとnginxに以下の設定をしてみました。

◆nbinx confファイル

server {
        listen       80;
        server_name  example.com;
        return       301 http://www.example.com$request_uri;
}


結果はリダイレクトループが発生してしまいます。
example.com,www.example.com共にエラーになりました。

現在の疑問点

・色々調べている時にroute53→s3の構成でs3でリダイレクトさせるという情報がいろいろ出てきましたがroute53でのリダイレクトはできないということでしょうか。
・cloudfrontでリダイレクトする情報も検索している時にhttp://www.example.comとhttp://example.comとhttps://example.comをhttps://www.example.comにリダイレクトするのはcloudfront設定画面のViewer Protocol PolicyのRedirect HTTP to HTTPSを選択すればできそうなこと(←できるのでしょうか?体験談などお聞かせいただければ嬉しいです。)は分かりましたが今回のようにhttpsが絡まないリダイレクトはどのように設定すればできるのでしょうか。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

checkベストアンサー

+2

まず、Route53はDNSのサービスなのでHTTPリダイレクトする機能はありません。
CloudFrontの「HTTP to HTTPS」は https 通信を強制するためのもので ご希望のものとは違うきがします。

というわけで、オリジンの nginx でリダイレクトするのが良いでしょう。
※より AWS っぽくやるなら S3 で リダイレクトするのもアリだと思いますよ。

リダイレクトループは正しく設定すれば回避できると思います。
次のようにバーチャルホストを2つ記述すればどうでしょうか。

# nginx.conf
server {
    listen 80;
    server_name  example.com;
    return 301 http://www.example.com$request_uri;
}

server {
    listen 80;
    server_name  www.example.com;
    ...
}

つぎに、CloudFrontのAlternate Domain Name にワイルドカードを使って書いてますが、サブドメインの無い example.com はマッチしないんじゃないでしょうか。 example.com を追加してみるとどうでしょう。

*.example.com
example.com ←追加

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/03/07 10:36 編集

    コメントありがとうございます!

    CloudFrontのAlternate Domain Nameは複数指定できるんですね。
    こちらは調査不足でした。申し訳ありません。

    CloudFrontのAlternate Domain Nameを設定しs3のバケットを作成し
    リダイレクト設定をしたところ無事example.com→www.example.comへの
    リダイレクトとサイト表示ができました。以下ヘッダ情報になります。
    Request URL:http://example.com.com/
    Status Code:301 Moved Permanently (from disk cache)
    Location:http://www.example.com.com/
    Server:AmazonS3

    ここで一つ疑問なのですが
    X-Cache:RefreshHit from cloudfront
    の記述がありませんでしたが
    example.comへアクセスした際
    example.com→route53→s3→cloudfrontからコンテンツを返す
    となっているのでしょうか。
    ブラウザのアドレスバーはwww.example.comに変わっています。

    追記
    ------------------------------------------------------
    デベロッパーツールnetworkのnameにwww.example.comがあり
    その中にX-Cache:Hit from cloudfrontがありました。
    ------------------------------------------------------

    またこの状態でphpファイルを使用する動的ページ
    検索窓やフォームなどの場合オリジンec2に問い合わせをし
    動的ページを動作させることは可能なのでしょうか。
    上記設定での間違い、SEO的な悪影響などもありましたら
    突っ込んでいただけたら嬉しいです。

    上記設定と別にいただきましたnginxのconfigファイルも
    変更し、route53の設定を以下のようにしてみましたが
    ●example.com ●A-IPv4 address
    ●Alias Target:elbのアドレス
    elbがoutofserviceになり、ブラウザからアクセスしても503エラーになってしまいました。
    ここでわからないのがexample.comの設定を変えただけなのに
    www.example.comに直接アクセスしてもエラー(outofservice503)になってしまうことです。

    重ねての質問で恐縮ですがよろしければご教授いただけましたらうれしいです。

    キャンセル

  • 2017/03/10 13:34

    すみません立て込んでてざっとしか読んでませんが、取り急ぎコメントいたしますと、 elb が outofservice になるのは health check が失敗したのでしょうね。elbからec2へのHealth check アクセスを nginxがどのバーチャルホストで受け取っているか、nginxのアクセスログ、エラーログで確認してみると何か分かるかもしれません。直感で書きますと、明示的に www.example.com のバーチャルホストに default server の設定を追加すると解決するかもしれません。

    キャンセル

  • 2017/03/11 16:46

    お忙しいところありがとうございます!

    nginxでのリダイレクト構成もまたテストしてみたいと思います。
    数日運用している感じでは現状でも問題なさそうなので
    とりあえずはs3でのリダイレクトで運用してみます。
    ありがとうございました!

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.52%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る

  • AWS(Amazon Web Services)

    1999questions

    Amazon Web Services (AWS)は、仮想空間を機軸とした、クラスター状のコンピュータ・ネットワーク・データベース・ストーレッジ・サポートツールをAWSというインフラから提供する商用サービスです。

  • HTTP

    544questions

    HTTP(Hypertext Transfer Protocol)とはweb上でHTML等のコンテンツを交換するために使われるアプリケーション層の通信プロトコルです。

  • HTTPヘッダー

    90questions

    Hypertext Transfer Protocol(HTTP)の中のHTTPヘッダフィールドはHTTPの要求やレスポンスの機能しているパラメーターが含まれます。その要求もしくはレスポンスライン(メッセージの最初の一行)でメッセージヘッダを作ります。