S3のバケットを作成してファイルアップロードして参照する

#プロローグ
AWSのS3の機能を使い、ファイルをアップロードして参照します。

#手順
サービスのS3の画面を開きます。
画面にある「バケットを作成」のボタンを押下します。
<img width="802" alt="1.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/538462/1626a095-2c8b-6d99-d3c3-4e6ee7e9c9a6.png">

バケット名を入力します。
またリージョンや、アクセス設定、削除の許可(オブジェクトロック)などの設定を選択して「バケットを作成」を押下します。
<img width="760" alt="2.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/538462/817b196b-1cf8-0909-fb9b-61955d4bb4ff.png">
<img width="760" alt="3.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/538462/93787d3a-340a-9e4d-4130-bc599dcfda27.png">

バケットが作成されました。
作成されたバケットの名前のリンクを押下します。
<img width="769" alt="4.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/538462/578e18ab-89f3-f5af-7f6d-2fd26ebdceab.png">

対象のS3の画面が開きます。
画面中央上部にある「アップロード」を押下します。
<img width="781" alt="5.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/538462/edfde160-3a5a-0b18-7f48-333e202de9b7.png">

「ファイルを作成」を押下します。
<img width="780" alt="6.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/538462/9d15f0fe-7ebd-3fd4-3754-9e58508a2bc7.png">

ファイルを選択したら、画面に表示されます。（ここでは空ファイルのtest.txtをアップロードしています。）
「次へ」を押下します。
<img width="781" alt="7.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/538462/e91f1054-1c5b-01d5-a893-20f2a28d6de3.png">

ファイルのプロパティのアクセス権限などを設定できます。
設定して「次へ」を押下します。
<img width="803" alt="8.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/538462/0fdf6bf5-06e4-7745-9270-0a6417ba598c.png">

Glacerなど、ストレージクラスを選択できます。
選択して「次へ」を押下します。
<img width="781" alt="9.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/538462/ddb43876-15a6-222b-104d-b40c28b875ba.png">

内容に問題がなければ「アップロード」を押下します。
<img width="770" alt="10.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/538462/cb9007f4-edab-ec23-cdc2-912780e3c037.png">

アップロードされたファイルが一覧に表示されます。
選択すると、右側にファイルの詳細が表示されます。
例えば「S3 select」を選択すると、ファイルの内容をちゅう出できたりします。
<img width="791" alt="11.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/538462/84fe04ec-91fb-5c35-decd-3ec873f2d961.png">
<img width="792" alt="12.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/538462/10f821af-b517-d31c-b136-ec2cb3cc728b.png">

「オブジェクトURL」を選択すると、ファイルが参照できますが、画面のように、アクセスが拒否されました。
<img width="767" alt="13.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/538462/d96bdd4c-8c42-e7f1-82c8-fa6636ecb665.png">

S3を作成時にデフォルトでパブリックのアクセスを拒否していたたためです。
アクセス権限を一時的に変更してみます。
S3のバケットより、「アクセス権限」タブの「ブロックパブリックアクセス」でアクセスのチェックを外しました。
<img width="783" alt="14.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/538462/74b4b045-01df-1668-d133-ef7216bf6c61.png">

確認メッセージが表示されるので、「確認」と入力し「確認」ボタンを押下します。
<img width="770" alt="15.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/538462/51517046-6226-3875-df14-ec5cedebeb9d.png">

設定が変更されました。
<img width="783" alt="16.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/538462/e1487a09-8ccb-920b-8111-73503ac6423a.png">

また、対象ファイルの「アクション」より「公開する」を設定します。
<img width="803" alt="17.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/538462/f9a0591d-3a43-5f70-7ef7-42306146c1a5.png">

問題なければ、「公開する」を押下します。
<img width="758" alt="18.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/538462/7f7b7428-0350-0da9-0680-92cfe5713fbc.png">

再度「オブジェクトURL」よりアクセスしてみます。
<img width="791" alt="19.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/538462/dda5b0d9-bd1c-6149-de2c-c43d282adee0.png">

表示されました。（空ファイルでなくフリー画像などにしておけばわかりやすかったです。。）
<img width="781" alt="20.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/538462/11a5b715-8379-098e-2013-c07f473b8483.png">

#エピローグ
念のため、アクセス設定はパブリックから戻しておきましょう。