AWSのサービスだけでS3のデータをCloud9で取り出す方法

Question

S3の画像をhtmlで表示したいのですがコードが分かりません。
IAMロールで権限は付与していますが他にやるべき設定などあるのでしょうか？

<img src= "バケット名/画像.jpg" width="200px" height="200px" >

と記述していますが画像が上手く表示されません。

Comments

[maisumakun]

「他のサービス」とは具体的に何でしょうか？

（おそらくは、それもAWS内のサービスだと思われます）

[shirout]

AWSのCloud9、DynamoDB、S3などのサービスだけで実現できないでしょうか？
記事を見ているとkintoneを使っていたりしたので、AWSサービスだけで済ませたいなと思いまして。

[maisumakun]

たぶん、探し方が悪いです。

[shirout]

ですよね。。

[maisumakun]

ちょっと思ったのですが、「コードを書かずに」サービスを組み合わせるだけの方法で探していませんか？

[shirout]

私の調べた限りでは、サービスをお互いに使えるように権限を付与して、取り出したり挿入するのはコードで記述するものだと認識しています。

[yu_1985]

設定も何もコードを書かなければ何も起きません。

Answer 1

ブロックパブリックをオフにするだけではダメで、該当の画像ファイルを公開する必要があります。
画像ファイルの公開はコンソールから個別に行うこともできますし、下記のようなバケットポリシーでバケットごと公開することもできます。

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "PublicReadGetObject",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::バケット名/*"
        }
    ]
}

また、Cloud9に置いてあるHTMLファイルにバケット名だけ記載しても、そのファイルは同ホスト上にあるわけではないので参照できません。
srcにS3に置いてある画像ファイルのオブジェクトURLを貼ってください。

ついでに、HTML・JS・画像ファイルなどのような静的ファイルしか置かないのであればCloud9上に置く必要もなく、静的WEBサイトホスティングを設定すればS3をWEBサーバのように使うことも出来ます。
その場合は同一のホスト上に画像があるので相対パス指定で参照できます。

Comments

[shirout]

バケットポリシーにてバケットごと公開しました。
その後、<img src= "s3://バケット名/フォルダ名/画像.jpg" width="200px" height="200px" >
のパスをコピーしてhtmlに貼り付けました。
しかしまだ表示されないのですが何か原因は考えられますでしょうか？

[yu_1985]

s3://〜ではなくてhttps://〜で始まるオブジェクトURLです

[shirout]

ものすごく的確でした！！！
私の分からなかったところ全て教えて頂きました。！！！

[shirout]

すみません、一点質問ですが、こちらIAMロールで権限付与していたからできたのですか？
それともIAMロールでEC2に対する権限の付与は必要なかったのですか？

Answer 2

S3の画像をhtmlで表示したいのですがコードが分かりません。

単に、S3の設定を「パブリック」に切り替えればそのままアクセスできます。

Comments

[shirout]

アクセス権限のブロックパブリックは全てオフにしているのですが上手く表示できないのです。
お助け下さい。

[maisumakun]

バケットのStatic Website Hostingを有効にすれば、そのままHTTP配信できます。