laravelでs3に保存されている画像を表示したい

Question

前提

Laravelで画像を投稿できるSNSを作成しています
s3に画像を保存することは出来たのですが、s3のオブジェクトURLにアクセスすると以下のようなエラーが出てしまいます。

実現したいこと```

エラーメッセージ

This XML file does not appear to have any style information associated with it. The document tree is shown below.
<Error>
<Code>AccessDenied</Code>
<Message>Access Denied</Message>
<RequestId>9XGJYD3JYABJJGQE</RequestId>
<HostId>MqMLxVj+pfjhQl9Rx3UcKNZi7TUsn9Hhi75sWFpd7uu7trtHAFCMLt/bqnkNdOvV02PSQQ039ac=</HostId>
</Error>

コード

• index.blade.phpのimgタグのsrc属性にs3のオブジェクトURLを挿入して表示させたい

<img src="{{ Storage::disk('s3')->url('dir/'.$review->imgpath)}}">

試したこと

S3設定の問題かと思い**ブロックパブリックアクセス (バケット設定)**の項目は全てOFFにしてみましたが同じエラーページに飛ばされます。

コントローラで保存する段階で引数にpublicを指定することで、URLによるアクセスが可能になるというのを見かけたので実践してみましたがs3に画像が保存できなくなってしまいます。

if ($request['imgpath']) {
        
            //現在時刻を取得
            $now = date_format(Carbon::now(), 'YmdHis');
            $file = $request->file('imgpath');
            //オリジナルネームを取得
            $name = $file->getClientOriginalName();
            
            //ファイル名を現在時刻＋オリジナルネームに変更
            $tmpFile = $now . '_' . $name;
            $tmpPath = $tmpFile;
            
            //アスペクト比を維持して、画像サイズを横幅1080px、縦幅720pxにして一時保存する。
            $image = InterventionImage::make($file)
            ->fit(1080, 720, function ($constraint) {
                $constraint->aspectRatio();
            })->save(storage_path('app/public/' .$tmpPath ) );

            // s3に画像ファイルとして保存
            $s3 = Storage::disk('s3')->putFileAs('dir',new File(storage_path('app/public/' .$tmpPath )),$tmpPath, 'public');
            // $result = Storage::disk('s3')->url($s3);
            // ddd($result);

            // 一時ファイルを削除
            $delete = Storage::disk('public')->delete($tmpPath);
        }

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

S3から直接ファイルを公開するにはブロックパブリックアクセス (バケット設定)だけでなくバケットポリシーの設定も必要。
例

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "PublicRead",
            "Effect": "Allow",
            "Principal": "*",
            "Action": [
                "s3:GetObject",
                "s3:GetObjectVersion"
            ],
            "Resource": [
                "arn:aws:s3:::DOC-EXAMPLE-BUCKET/*"
            ]
        }
    ]
}

https://docs.aws.amazon.com/ja_jp/AmazonS3/latest/userguide/example-bucket-policies.html#example-bucket-policies-use-case-2

ただS3の場合無制限に直接表示可能にするのはあまり推奨されてない。
Laravelなら一時的なURLを使えばS3側のパブリックアクセスは禁止したまま指定の時間だけ表示可能にできる。
用途次第だけど一番妥当な使い方。

<img src="{{ Storage::disk('s3')->temporaryUrl('dir/'.$review->imgpath, now()->addDay()) }}">

他にはLaravelのコントローラーから画像自体を返す手もある。これでもS3のパブリックアクセスは不要。Laravel内で画像を取得してるから。
Laravel側の認証・認可で画像に対してアクセス制限したいような時はこの方法を使う。

Comments

[togarashi]

jsonファイルを変更したら出来ました！
なるほど、あまり推奨されていないんですね。ご丁寧にありがとうございました！