DebTab

  • ホーム
  • DevTabとは
  • 記事一覧
    • きたえる
    • かえる
    • つくる
    • みちびく
    • たばねる
    • つたえる
かんたんログイン
Githubでログイン
Githubアカウントでかんたんにログインして、DevTabをもっと便利に使おう。

DebTab成長しつづけるデベロッパーのための情報タブロイド

DebTab

ログイン

検索 検索

Amazon S3を利用して超低額でサイトを公開(設定編)

写真上野 潤一郎

つくる

2016.11.21

ポイントポイント

0

上野です。

Amazon S3を利用して超低額でサイトを公開する でS3でコーポレートサイトを公開するメリットを書きました。

今回は具体的な設定方法について書いていきます。

※注意:この記事は2014年9月5日にGuildWorks Blogで公開したエントリをリライトしたものです。

もくじ

  1. S3でバケットを作成する
  2. バケットのPropertiesで表示権限を付与する
  3. ファイルをアップロードする
  4. Static Website Hostingを設定する
  5. アクセスしてみる
  6. Route53を設定する

上記の流れとなります。

S3でバケットを作成する

S3でサイトを公開するためには、バケットを作成する必要があります。
独自ドメインを指定して公開するためには、独自ドメインのバケット名とホスト名を一緒にする必要がありますのでご注意ください。

今回は以下のバケットを作ってみます。
sample.guildworks.jp

S3_Management_Console

Bucket Name: sample.guildworks.jp(任意の公開したいホスト名を指定)
Region: Tokyo(日本在住なら Tokyo がオススメ)

バケットのPropertiesで表示権限を付与する

S3_Management_Console 2

以下の内容をコピーして保存します。(sample.guildworks.jp の部分は作成したバケット名)

{
  "Version":"2012-10-17",
  "Statement":[{
"Sid":"AddPerm",
        "Effect":"Allow",
 "Principal": "*",
      "Action":["s3:GetObject"],
      "Resource":["arn:aws:s3:::sample.guildworks.jp/*"]
    }
  ]
}

ファイルをアップロードする

S3_Management_Console 3

作成したバケット(sample.guildworks.jp)の中に入ります。
Uploadから表示したいファイルをアップロードします。

S3_Management_Console 4

Static Website Hostingを設定する

S3_Management_Console 5

Index Document: index.html(任意のアップロードしたファイル)
Error Document: 404.html(任意のアップロードしたファイル)
Endpoint: あとで指定するのに使うためにメモしておきます

アクセスしてみる

S3の設定は一通り終わりましたので、これで index.html の Properties の Link に記載されているURLにアクセスしてみましょう。

https://s3-ap-northeast-1.amazonaws.com/sample.guildworks.jp/index.html

まだ独自ドメインではありませんがサイトが公開されていることを確認できます。

Route53を設定する

あとは独自ドメインで表示できるように設定するだけです。
(Route53の通常の設定は終わっている前提とします。 )

AWS_Route_53_Management_Console

Name: sample.guildworks.jp(S3のバケットに指定したものと同じ名前にする)
Alias: Yes
Alias Target: S3のメモしたEndpointを選択

これでしばらくすると、独自ドメインでアクセスできるようになります。

http://sample.guildworks.jp/

いかがだったでしょうか。

S3を利用してサイトを公開するのはとても簡単な作業で完了しますね。

シンプルなサイトでも、コーポレートサイトでも容量が1TBを超えなければ 3円で利用することができます。
ぜひ、お試しください。

共感した

ポイントポイント

0

取り消す

この記事に共感したら、何度でも押してこの記事のポイントをみんなでアップしよう。

自分の感想を残す

この感想は、サイトに公開されることはなく自分にしか見えません。自分の考えのログを残すために感じたことを登録し、のこしておきましょう。あとで振り返ったときに、あのとき自分はこう考えていたのかということを知ることにより、あなたの成長へとつながります。

Githubでログイン

Githubアカウントでかんたんにログインして、DevTabをもっと便利に使おう。

  • ひとつ前の記事

    Amazon S3を利用して超低額でサイトを公開する

  • ひとつ後の記事

    現場コーチでバディを組むことの意義

この記事もどうですか?

開発チームの設計力を強化する

増田です。 最近、いろいろな会社の社内の開発チームの方と話す機会が増えました。その中で、感じることが…

つくる

たばねる

2016.11.10

ポイント
0

状況判断で駆動する「機略型のアジャイル開発」

見積もりができない。どうする?  見積もりって大事ですよね。見積もりは何のために行なうものでしょうか…

つくる

たばねる

2017.12.24

ポイント
4

リモートワークにおけるコミュニケーションツール「Zoom」

この記事は、ギルドワークス アドベントカレンダーの5日目の記事です。 今回は、リモートワークにおける…

つくる

2017.12.05

ポイント
1

シェア
  • Twitter
  • このエントリーをはてなブックマークに追加
  • Google Plus

ログインして
ブックマーク

  • Twitter
  • このエントリーをはてなブックマークに追加
  • Google Plus
  • ログイン
LINE@

新しい記事が出たときや、注目の記事などを
定期的にLINEでお知らせしていきます

LINEで登録

LINEイメージ

DevTab
成長しつづけるデベロッパーのための情報タブロイド

株式会社ギルドワークス
https://guildworks.jp
  • プライバシーポリシー
  • お問い合わせ

Copyright © GuildWorks Inc. All Rights Reserved.

ページのトップへ