LaravelにてS3の画像アップロードが上手くいきません。

Question

参考にしている記事　ララジャパン

Route::get('/asr/controller/ssUploadImg', 'ImgUploadController@create');
Route::post('/asr/controller/ssUploadImg', 'ImgUploadController@store');

namespace App\Http\Controllers;
use Illuminate\Http\Request;
use Storage;

class ImgUploadController extends Controller
{
    public function create(){
        return view('asr/controller/ssUploadImg');
    }

    public function store(Request $request){
        $all = $request->all();
        $uploaded_image = $request->file('ssImg');
        
        if($request->hasFile('ssImg') && $uploaded_image->isValid()){
            $request->file('ssImg')->store('public');
        }

        //S3upload
        $contents = Storage::get('public/'.$uploaded_image);
        Storage::disk('s3')->put($uploaded_image, $contents, 'public');

        return redirect('asr/controller/ascn_stff_ctrl_panel');
    }
}

  <form class="form-horizontal" method="POST" action="{{ url('/asr/controller/ssUploadImg') }}" enctype="multipart/form-data">

    @csrf

    <div class="form-group">
        <input type="file" name="ssImg">
    </div>

    <button type="submit" class="btn btn-primary">Upload</button>

  </form>

以上のような形でファイルを作成しました。
参考サイトと同様のコントローラーを使用すると$passが定義されていませんと出た為です。

これをアップロードすると

このようなエラーが出ます。
この状態で、画像はstrageフォルダに入っていますが、S3にはアップロードされていません。
また画像をアップロードする度にphp4F1B.tmpの個所が変更されます。

お詳しい方いらっしゃいましたら、お教え願えませんでしょうか？

追記。
controllerを以下のように変更することによって、このエラーは解消することが出来ました。

        $params = $request->validate([
            'ssImg' => 'required|file|image|max:4000',
        ]);
    
        $file = $params['ssImg'];
        $fileContents = file_get_contents($file->getRealPath());
    
        // Storage::disk('s3')->put('ファイルパス',ファイルデータ,'公開設定');
        Storage::disk('s3')->put($file->hashName(), $fileContents, 'public');
        return redirect()->action('asr/controller/ascn_stff_ctrl_panel');

しかし次は以下のようなエラーになってしまいます。

envファイル、filesystems.phpの設定を見直しましたが、Regionは入力済です。
引き続き、よろしくお願いします。

Comments

[nshiro]

envファイル、filesystems.php ファイルにはどのように記述していますか？
（大事な箇所は伏せ字にてお願いします）

[tktail]

nshinoさま
ありがとうございます。
filesystem.phpは'region' => env('ap-northeast-1')としており、
envファイルもAWS_DEFAULT_REGION='ap-northeast-1'としています。

[tktail]

もしかして、url以外はenvファイルで指定するようにしたらいいのかな？ということで
filesystemを以下のように書き換えました。
's3' => [
'driver' => 's3',
'key' => env('AWS_ACCESS_KEY_ID'),
'secret' => env('AWS_SECRET_ACCESS_KEY'),
'region' => env('AWS_DEFAULT_REGION'),
'bucket' => env('AWS_BUCKET'),
'url' => env('https://hogehoge'),
],
すると違うエラーになってしまいました。

Found 1 error while validating the input provided for the PutObject operation: [Key] expected string length to be >= 1, but found string length of 0
（PutObject操作に提供された入力の検証中に1つのエラーが見つかりました[キー]文字列の長さは1以上であると予想されますが、文字列の長さは0）

今、これについて調べています。

[nshiro]

（envファイルの使い方は別途復習いただくとして）
filesystem.phpに直接'region' => 'ap-northeast-1',
とすれば、よろしいかと思います。

[tktail]

nshiroさま
ありがとうございます。
filesystem.phpは以下のように直接記載するようにし、

's3' => [
'driver' => 's3',
'key' => 'hoge',
'secretret' => 'piyo',
'region' => 'ap-northeast-1',
'bucket' => 'xxx',
'url' => 'https://hoge',
]

envファイルに関しても以下のように記載しました

AWS_ACCESS_KEY_ID='hoge'
AWS_SECRET_ACCESS_KEY='piyo'
AWS_DEFAULT_REGION='ap-northeast-1'
AWS_BUCKET='xxx'

この状態で画像アップロードを試みましたが
Found 1 error while validating the input provided for the PutObject operation: [Key] expected string length to be >= 1, but found string length of 0
（PutObject操作に提供された入力の検証中に1つのエラーが見つかりました[キー]文字列の長さは1以上であると予想されますが、文字列の長さは0）
このようなエラーが発生しています。

fileなので、文字列の長さは関係あるのかなというところで詰まっています、、

[nshiro]

追記の方法で試されて、そのエラーという事でしょうか？

（filesystem.phpに直書きしたものは、大事な情報ですので最終的には、.env側でのみ記載するようにして下さい）

[tktail]

すみません、色々なコードを試していて、ぐちゃぐちゃになっていました。
改めて、追記の方法で試したところ。

Error executing "PutObject" on "https://XXX.s3.ap-northeast-1.amazonaws.com/sES0YS5UXLMA7O92Tqp4XXekV1vO7S7sOb2NBxAa.jpeg"; AWS HTTP error: Client error: `PUT https://XXX.s3.ap-northeast-1.amazonaws.com/sES0YS5UXLMA7O92Tqp4XXekV1vO7S7sOb2NBxAa.jpeg` resulted in a `403 Forbidden` response: <?xml version="1.0" encoding="UTF-8"?> <Error><Code>InvalidAccessKeyId</Code><Message>The AWS Access Key Id you provided (truncated...) InvalidAccessKeyId (client): The AWS Access Key Id you provided does not exist in our records. - <?xml version="1.0" encoding="UTF-8"?> <Error><Code>InvalidAccessKeyId</Code><Message>The AWS Access Key Id you provided does not exist in our records.</Message><AWSAccessKeyId>KIAYFEZEJK2ZW2EHHX6</AWSAccessKeyId><RequestId>00DBCB4D9CA6849E</RequestId><HostId>4rmLd9/T+gWvNR3i6yTah3h5M1EuvPrtWb6rdvJ07/3f6aD4Xv2muw42u+For2/9tN0ZxjEe7Rs=</HostId></Error>

というエラーが出てきました。
これはAWSの設定に問題があるということなのでしょうか？

[nshiro]

そうですね。エラーメッセージ見る限り、AWSの設定に問題がありますね。

こちらに貼り付ける際に手入力したからだと思いますが、
'secretret' → 'secret' ですよね。

[tktail]

ありがとうございます。

https://go-journey.club/archives/9653#AmazonS3FullAccess
こちらのサイトを参考に、設定をなぞっています。
バケット作成手順の２番でブロックパブリックアクセスが出てきましたので、以下のように設定しました。

パブリックアクセスをすべてブロック
オン
新しいアクセスコントロールリスト (ACL) を介して許可されたバケットとオブジェクトへのパブリックアクセスをブロックする
オン
任意のアクセスコントロールリスト (ACL) を介して許可されたバケットとオブジェクトへのパブリックアクセスをブロックする
オン
新規のパブリックバケットポリシーまたはアクセスポイントポリシーを介して付与されたバケットとオブジェクトへのパブリックアクセスをブロックする
オン
任意のパブリックバケットポリシーまたはアクセスポイントポリシーを介したバケットとオブジェクトへのパブリックアクセスとクロスアカウントアクセスをブロックする
オン

その後、「バケットポリシーについて」のところで躓いています。
書いてある内容をまるっとコピーしても、ジェネレーターで作成しても拒否されてしまいます。
これはパブリックアクセスをすべてブロックしているから設定できないのでしょうか？

[nshiro]

AWSに詳しくはないのですが、「The AWS Access Key Id you provided does not exist in our records.」というエラーメッセージを見る限り
もう少し根幹的な所に問題があると思いますが（key、secret、region などの設定が間違っているとか）、正直これ以上、私の方では分かりそうにありません…。

[tktail]

僕もそう思って何度もアカウントを作り直して設定しているのですが、原因が分からず。。
貴重なお時間を頂き、ありがとうございました！

Answer 1

最終的にはS3のブロックパブリックアクセスのブロックを全て解除することで対応が出来ました。
最近追加された機能のようですが、セキュリティが甘くなるので、このあたりについては深ぼらないといけないところかと思います。

kawaxさま、nshiroさま、ありがとうございました！

Answer 2

Laravelの前に素のPHPでのファイルアップロードはどこかに一時ファイルを作ってそれを移動させる流れ。
一時ファイルを作る所まではPHPの仕事。
今回ならC:/xampp/tmp/だけどどこに作られるかは環境次第。
移動は自分で行う。move_uploaded_file()

Laravelでも一時ファイルの移動は自分で行う。
store()が移動させる部分。
store()は移動時にランダムなファイル名を付けるので自分で名前を付けたいならstoreAs()を使う。
store時に直接S3を指定すればいい。

$name = $request->file('ssImg')->getClientOriginalName();

if($request->hasFile('ssImg') && $request->file('ssImg')->isValid()){
    $path = $request->file('ssImg')->storeAs('', $name, 's3');
}

https://readouble.com/laravel/6.x/ja/requests.html#files
https://readouble.com/laravel/6.x/ja/filesystem.html#file-uploads

Comments

[tktail]

そういう流れになっていたんですね。勉強になります。
エラー解決になりませんでしたので、いろいろなサイトを徘徊したのち、追記のようにコードを変更しました。
もしよければ、引き続きよろしくお願い致します。