Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
0
Help us understand the problem. What is going on with this article?
@ryoutoku

Route53 & CloudFront & +α を使った wwwドメインから、wwwなしドメインへリダイレクトする構成図(ssl対応)

More than 1 year has passed since last update.

はじめに

本記事の主な目的は、ssl対応したwwwドメインからwwwなしドメインへリダイレクトするための全体的な構成イメージを提供することです。
ざっと探してみて文章しかなく、全体的な図がないのでイメージしにくかったので作りました。
Frontendのファイル群をS3に配置し、そこに対してルーティングする設定です。
こちらの図作成、という感じです。

書くこと

  • 全体図
  • 個人的にハマったところ一言メモ

書かないこと

  • 各種な設定
    • SSL証明書発行手順とか
    • DNSホスト設定、ドメイン設定とか

構成

構成イメージ全体図

構成イメージは以下です。

以下図の簡易説明など。

  • 図上部「wwwドメイン設定」内が、wwwドメイン用の設定
  • 図下部「wwwなしドメイン設定」内が、wwwなしドメイン用の設定
  • AWSアカウントは同一のものを想定
  • ユーザがwwwドメインにアクセスすると、「wwwドメイン設定」内のS3バケットにルーティング -> wwwなしドメインにリダイレクトする設定

個人的ポイント

  • ssl対応(http->httpsリダイレクト)するために、以下2つのCloudFrontが必要
    • wwwドメイン用のCloudFront(http://www.~ からhttps://www.~へのリダイレクト)
    • wwwなしドメイン用のCloudFront(http://~ から https://~へのリダイレクト)
  • wwwなしにリダイレクトする場合、S3のバケット名は特に何でもよい
    • こちらには「バケット名は、ドメインと一致する必要があります」とありますが、CloudFrontを使うので特に気にする必要はない

使用ツール & 参考

0
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ryoutoku
なんだかんだフルスタックエンジニアっぽくなっているエンジニア。 浅く広くで知識と技術が器用貧乏になりがちである。 ソフトウェアアーキとか設計とか考えるのが好き。 フリーランスですが、MPSという団体でプログラム作ったりなんだりもしてます。 https://www.mpsamurai.org/

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
0
Help us understand the problem. What is going on with this article?