Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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 → カジュアル面談はこちら ←