Skip to content

S3に静的ファイルを置いてインターネットに公開する

   

S3に画像などの静的ファイルを置いて公開する方法です。 まずS3のコンソールにアクセスします。

s3-console

「バケットを作成」ボタンから新しいバケットを作成します。 今回は kabigon-sandbox-bucket という名前で作成します。 バケット名はグローバルで一意でなければなりません。

create-bucket

ブロックパブリックアクセスの設定は後で変更しますが有効にします。

create-bucket

以下の設定でバケットを作成します。

create-bucket

バケットが作成されたことを一覧から確認できます。

create-bucket

バケットに静的ファイルを入れてみましょう。 今回は icon.png という画像をアップロードします。

upload-image

今回はバケットの中のファイルを公開するので、ブロックパブリックアクセスの設定をオフにする必要があります。 バケット名を選択し、「アクセス許可」のタブを選択します。

upload-image

ブロックパブリックアクセスの設定をオフにします。

upload-image

バケットポリシーを編集します。 バケットポリシーを設定することでリソースへのアクセスを管理することができます。 以下の設定は kabigon-sandbox-bucket のオブジェクトを無制限に取得できることを意味しています。

upload-image

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:getobject",
            "Resource": "arn:aws:s3:::kabigon-sandbox-bucket/*"
        }
    ]
}

これで AWS 側の設定は完了です。 以下の URL にアクセスすると画像が表示されることを確認できます。

https://kabigon-sandbox-bucket.s3-ap-northeast-1.amazonaws.com/icon.png

upload-image

関連記事

  1. インフラエンジニアなりたてで知らなかった単語をまとめ