m_shige1979のときどきITブログ

プログラムの勉強をしながら学習したことや経験したことをぼそぼそと書いていきます

Github(変なおっさんの顔でるので気をつけてね)

https://github.com/mshige1979

AWSのS3のサイトを独自ドメインで見えるようにする

最近、AWSを使用しているので料金がちょっと気になる

以前、やったときは3万くらいかかって泣いたことがあるので気をつけないと…

独自ドメイン

お名前.comで作成した
→ s3dev.mshige1979aws.xyz

S3でバケットを作成

S3を開く

f:id:m_shige1979:20161101203426p:plain

バケットの作成

f:id:m_shige1979:20161101203449p:plain

バケット名は公開したいドメイン名にする

f:id:m_shige1979:20161101203538p:plain

作成されていることを確認

f:id:m_shige1979:20161101203615p:plain

index.htmlを作成
<!DOCType html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>AWS S3 Sample01</title>
	</head>
	<body>
		Hello AWS S3 !!.
	</body>
</html>
ファイル一覧へ遷移

f:id:m_shige1979:20161101203838p:plain

アップロードを選択

f:id:m_shige1979:20161101203907p:plain

ファイルを設定してアップロード

f:id:m_shige1979:20161101203941p:plain

アップロード完了

f:id:m_shige1979:20161101204007p:plain

公開を設定

f:id:m_shige1979:20161101204041p:plain

公開することを確認

f:id:m_shige1979:20161101204113p:plain

公開完了

f:id:m_shige1979:20161101204133p:plain

バケットのプロパティを指定

f:id:m_shige1979:20161101204252p:plain

インデックスファイル名を設定

f:id:m_shige1979:20161101204318p:plain

パスを確認して表示されること

f:id:m_shige1979:20161101204357p:plain

アクセス許可より「バケットポリシーの追加」を選択

f:id:m_shige1979:20161101204629p:plain

バケットポリシーを追加
{
	"Version": "2012-10-17",
	"Statement": [
		{
			"Sid": "AddPerm",
			"Effect": "Allow",
			"Principal": "*",
			"Action": "s3:GetObject",
			"Resource": "arn:aws:s3:::s3dev.mshige1979aws.xyz/*"
		}
	]
}

f:id:m_shige1979:20161101204719p:plain

Route53

Route53を起動

f:id:m_shige1979:20161101204750p:plain

DNS management」を開始

f:id:m_shige1979:20161101204820p:plain

「Create Hosted None」を選択

f:id:m_shige1979:20161101204846p:plain
f:id:m_shige1979:20161101204903p:plain

ドメイン名を設定

f:id:m_shige1979:20161101205133p:plain

レコードセット設定

f:id:m_shige1979:20161101205023p:plain

サブドメインを設定する

f:id:m_shige1979:20161101205230p:plain

お名前.com設定

ネームサーバ設定

f:id:m_shige1979:20161101205306p:plain

結果

f:id:m_shige1979:20161101205324p:plain

所感

疲れた(´・ω・`)
いや、やることは少なめなんですけど1〜10までの手順が見つからないというかわからなかったので結構手間取りました。