Slide 1

Slide 1 text

Amazon S3の公開設定を 色々とためしてみた © MIERUNE © MapTiler © OpenStreetMap contributors Yasunori Kirimoto 2022.01.13 MIERUNE 社内勉強会 #025

Slide 2

Slide 2 text

Location-based Architect Yasunori Kirimoto Owner of Co-founder and CTO of Member of

Slide 3

Slide 3 text

Amazon S3 Amazon S3の公開設定を色々とためしてみた

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

Contents 1. ファイル公開 2. 指定IPのみファイル公開 3. 指定期間のみファイル公開 4. 静的ウェブサイトホスティング 5. まとめ

Slide 6

Slide 6 text

ファイル公開

Slide 7

Slide 7 text

アクセス許可 → ブロックパブリックアクセス (バケット設定)の「編集」をクリック

Slide 8

Slide 8 text

パブリックアクセスをすべてブロックのチェッ クをOFF

Slide 9

Slide 9 text

これだけでは公開されないので、バケットポ リシーの「編集」をクリック

Slide 10

Slide 10 text

バケットポリシーを設定 → 「変更の保存」を クリック。今回は、Amazon S3からオブジェク トを取得するためのアクセス許可を付与

Slide 11

Slide 11 text

アクセス権限が公開になっているのを確認 URLに直接アクセスするとファイルが表示さ れます

Slide 12

Slide 12 text

指定IPのみファイル公開

Slide 13

Slide 13 text

アクセス許可 → ブロックパブリックアクセス (バケット設定)の「編集」をクリック

Slide 14

Slide 14 text

パブリックアクセスをすべてブロックのチェッ クをOFF

Slide 15

Slide 15 text

これだけでは公開されないので、バケットポ リシーの「編集」をクリック

Slide 16

Slide 16 text

バケットポリシーを設定 → 「変更の保存」を クリック。今回は、Amazon S3からオブジェク トを取得するためのアクセス許可と指定IPの アクセス許可を付与

Slide 17

Slide 17 text

アクセス権限が公開になっているのを確認。 IP制限をした場合は公開表示にはならない 設定したIPからURLに直接アクセスすると ファイルが表示されます。指定IP以外はファ イルが表示されません

Slide 18

Slide 18 text

指定期間のみファイル公開

Slide 19

Slide 19 text

対象のファイルを選択 オブジェクトアクション → 「署名付きURLで 共有」をクリック

Slide 20

Slide 20 text

対象の期間を設定 → 「署名付きURLを作 成」をクリック。クリップボードにコピーされた URLにアクセスすると期間中ファイルが表示 されます

Slide 21

Slide 21 text

静的ウェブサイトホスティング

Slide 22

Slide 22 text

公開したいHTML等のファイル一式をアップ ロード

Slide 23

Slide 23 text

アクセス許可 → ブロックパブリックアクセス (バケット設定)の「編集」をクリック

Slide 24

Slide 24 text

パブリックアクセスをすべてブロックのチェッ クをOFF

Slide 25

Slide 25 text

これだけでは公開されないので、バケットポ リシーの「編集」をクリック

Slide 26

Slide 26 text

バケットポリシーを設定 → 「変更の保存」を クリック。今回は、Amazon S3からオブジェク トを取得するためのアクセス許可を付与

Slide 27

Slide 27 text

アクセス権限が公開になっているのを確認 プロパティ → 静的ウェブサイトホスティング の「編集」をクリック

Slide 28

Slide 28 text

有効にする・静的ウェブサイトをホストする・ ルートのHTMLを設定 → 「変更の保存」をク リック

Slide 29

Slide 29 text

静的ウェブサイトホスティングが有効になっ たのを確認します。URLが発行されるのでア クセスします アップロードしたWebSiteが表示されます

Slide 30

Slide 30 text

まとめ

Slide 31

Slide 31 text

● Amazon S3単体でも色々と設定可能 ● AWS Amplify・ServerlessFramework・CloudFormation等でも 構築可能だが基礎からふりかえるのも大事 ● Amazon CloudFrontと組み合わせるとS3の設定不要 (次回予定)

Slide 32

Slide 32 text

会社紹介資料
 Last Update – 5th Feb.2021 We Are Hiring! MIERUNE → カジュアル面談はこちら ←