joppot

コピペで絶対動く。説明を妥協しない

サーバ

S3にホスティングしたReactにRoute53の独自ドメインを割り振る

投稿日:


概要

みなさんこんにちはcandleです。今回はS3にホスティングしたReactにRoute53の独自ドメインを割り振ってみましょう。

前提

  1. Route53にドメインを持っている
  2. S3にドメインと同じバケットを持っている
  3. Reactが既にS3にホスティングされている

重要なことですが、S3のバケットとRoute53で取得したドメイン名は同じである必要があります。まだ、S3にバケットが作られてなかったり、ReactがS3にホスティングされてない方は前回の記事を参照してください。

確認

Route53のドメイン

私はjoppot.infoのドメインをRoute53に持っています。これのサブドメインのreacttest.joppot.infoを割り振りたいと思います。

S3のバケット

reacttest.joppot.infoというS3バケットを作ってあり、そこにReactアプリケーションをデプロイしてあります。

http://reacttest.joppot.info.s3-website-ap-northeast-1.amazonaws.com

ドメインを割り振る

実際この作業は簡単です。Route53の画面に移動し、左のメニューから「Hosted zones」を選びます。

割り振りたいドメインを選びます。

最初に「Create Record Set」を押ます。あとはこの項目を埋めていきます。

  • Nameはサブドメインを利用しない場合はそのままにします。
  • Type は「A – IPv4 address」にします。
  • AliasをYesにします。
  • Alias Targetに作成したバケットを選びます。

最後に「Create」ボタンを押せば完了です。

しばらくすると、割り振ったドメインでアクセスできるようになります。

まとめ

これでどんどんReactアプリを公開できますね。

スポンサードリンク

「為になったなぁ」と思ったら、シェアお願いします。

-サーバ
-, , ,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

CentOS6.5にcomposerをインストールする

概要 みなさんこんにちはcandleです。cakephpではphpのライブラリ管理ツールcomposerと連帯して、便利に必要なライブラリを導入できます。 例えば、cakephpの標準テストツールph …

ruby on railsのbundleのGemfileでインストールしたgemを削除する

概要 みなんさんこんにちはcandleです。今回は間違って入れてしまったり、不必要になったgemの削除のやり方を紹介します。 前提 ruby on railsの環境が整っている gemの概念を理解して …

EC2にRDSの為のmysqlコマンドのみをインストールする

概要 みなさんこんにちはcandleです。今回はちょっとしたことですが、忘れない様にまとめておきます。 EC2でRDSを使う場合 EC2の中にMysqlサーバーは必要ありません。 ただmysqlコマン …

MAMPでSSLを使ったhttps通信を行う

概要 みなさんこんにちはcandleです。最近SSL通信で根幹に関わるセキュリティホールが見つかったのは記憶に新しいですね。 今回扱う、https通信というのは公開鍵暗号方式を使ったセキュアな通信のこ …

AWS環境でELB(ロードバランサー)とEC2サーバでapacheを使っている場合にhttpからhttpsにリダイレクトする方法

概要 みなさんこんにちはcandleです。今回はマニアックな記事ですが、恐らくスタートアップ企業などではわりと使う内容だと思うのでまとめておきます。 この方法が全てのサービス上でベストなやり方なのかど …


ベンチャー企業のCTOをやってます。大学時代にプログラミングを始め、javaから入門し、C++へて、PHPへと進み、会社ではRailsを使用。自動化が大好きなプログラマー