質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.49%
Amazon S3

Amazon S3 (Simple Storage Service)とはアマゾン・ウェブ・サービスが提供するオンラインストレージサービスです。

AWS(Amazon Web Services)

Amazon Web Services (AWS)は、仮想空間を機軸とした、クラスター状のコンピュータ・ネットワーク・データベース・ストーレッジ・サポートツールをAWSというインフラから提供する商用サービスです。

Q&A

解決済

2回答

6028閲覧

AWS S3にアップロードした画像を独自ドメイン+ファイル名で取り出したい

hiranohirano

総合スコア33

Amazon S3

Amazon S3 (Simple Storage Service)とはアマゾン・ウェブ・サービスが提供するオンラインストレージサービスです。

AWS(Amazon Web Services)

Amazon Web Services (AWS)は、仮想空間を機軸とした、クラスター状のコンピュータ・ネットワーク・データベース・ストーレッジ・サポートツールをAWSというインフラから提供する商用サービスです。

0グッド

0クリップ

投稿2019/05/22 03:46

AWS S3に置いた画像を独自ドメイン+ファイル名で取り出したいです。

こちらのサイトと同じことをしたいです。

「sample.com」という独自ドメインでサイトをオープン、
「img.sample.com」というドメインに、画像を置きたいです。

そこで行った手順が以下の通りです。

ーーーS3の設定ーーー
1.S3の中で、「img.sample.com」というバケットを作成する
2.作成したバケットを選択し、「プロパティ」を開き、「Static website hosting」を開く。
3.「このバケットを使用してウェブサイトをホストする」を選択し、
インデックスドキュメントにindex.htmlと入力し、保存。(index.htmは実際にはありません。)

ーーーRoute53の設定ーーー
4.ホストゾーンを選択。
5.レコードセットの作成を選択。
6.名前を「img.sample.com」。タイプを「A-IPv4 address」。「エイリアス」を「はい」にして、
先程作成したバケットのエンドポイントを選択して、レコードセットを保存。

7.バケットの中に「sample.gif」という画像をアップロード。

画像を表示させるためのHTMLは以下の通りです。

html

1<img src="https://img.sample.com/sample.gif">

しかし、画像が表示されません。
コンソールには以下のようなエラーが表示されます。

GET https://img.sample.com/sample.gif net::ERR_CONNECTION_TIMED_OUT

以下のように、imgタグのsrc属性をアップロードしたファイルの「オブジェクトURL」にすると、画像は表示されます。

html

1<img src="https://s3-ap-northeast-1.amazonaws.com/img.sample.com/sample.gif">

powershellで、nslookupをすると以下のような結果になります。

nslookup img.sample.com 8.8.8.8 サーバー: google-public-dns-a.google.com Address: 8.8.8.8 権限のない回答: 名前: img.sample.com Address: 00.000.00.000(IPアドレスが表示されます)

S3にアップロードした画像を独自ドメイン+ファイル名で取り出すために、どこが間違っているのでしょうか。

うまくいっていない原因がわからないので、何かアドバイスいただけると幸いです。
宜しくお願い致します。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

ベストアンサー

独自ドメインでHTTPSアクセスの場合は、CloudFront経由が必須となります。
独自ドメインのSSL証明書はドメイン所有者にしか発行できないためです。

独自ドメイン+ファイル名で取り出すシンプルな方法はHTTPにすれば簡単です。
http://img.sample.com/sample.gif

投稿2019/05/24 04:49

moonphase

総合スコア6621

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

hiranohirano

2019/05/24 05:03

ご回答いただき、誠にありがとうございます!httpsではなく、httpにしたところ、画像の表示ができました!次はcloudfrontの設定をしてみます。ありがとうございました!
guest

0

私が1年以上前に試した限りでは、S3 の static hosting は https に対応しておらず、https でのアクセスを実現するために CloudFront 周りの(複雑な)設定を行いました。参考まで。

https://qiita.com/jasbulilit/items/73d70a01a5d3b520450f

投稿2019/05/23 04:21

ryochin

総合スコア280

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

hiranohirano

2019/05/24 05:01

ご回答いただき、誠にありがとうございます!cloudfrontの設定にややつまづいていますが、うまく設定すれば何とかなりそうなので、頑張ってみます!ありがとうございました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.49%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問