クライアントからS3に署名付きURLでアップロードする（PHP編）

    public function temporaryUrl($path, $expiration, array $options = [])
    {
        $adapter = $this->driver->getAdapter();

        if ($adapter instanceof CachedAdapter) {
            $adapter = $adapter->getAdapter();
        }

        if (method_exists($adapter, 'getTemporaryUrl')) {
            return $adapter->getTemporaryUrl($path, $expiration, $options);
        }

        if ($this->temporaryUrlCallback) {
            return $this->temporaryUrlCallback->bindTo($this, static::class)(
                $path, $expiration, $options
            );
        }

        if ($adapter instanceof AwsS3Adapter) {
            // S3の場合はこのメソッドが呼び出される
            return $this->getAwsTemporaryUrl($adapter, $path, $expiration, $options);
        }

        throw new RuntimeException('This driver does not support creating temporary URLs.');
    }

    public function getAwsTemporaryUrl($adapter, $path, $expiration, $options)
    {
        $client = $adapter->getClient();
        // ここ↓
        $command = $client->getCommand('GetObject', array_merge([
            'Bucket' => $adapter->getBucket(),
            'Key' => $adapter->getPathPrefix().$path,
        ], $options));

        $uri = $client->createPresignedRequest(
            $command, $expiration
        )->getUri();

        // If an explicit base URL has been set on the disk configuration then we will use
        // it as the base URL instead of the default path. This allows the developer to
        // have full control over the base path for this filesystem's generated URLs.
        if (! is_null($url = $this->driver->getConfig()->get('temporary_url'))) {
            $uri = $this->replaceBaseUrl($uri, $url);
        }

        return (string) $uri;
    }

    public function generatePresignedUploadUrl(string $path, UploadedFile $file): string
    {
        /** @var AwsS3Adapter $adapter */
        $adapter = Storage::disk('s3')
            ->getDriver()
            ->getAdapter();
        $client = $adapter->getClient();
        $command = $client->getCommand('PutObject', [ // ①
            'Bucket' => $adapter->getBucket(),        // ②
            'Key' => $path . '/' .$file->hashName(),  // ③
        ]);
        // ④
        $expire = now()->addSeconds(60);
        // ⑤
        $uri = $client->createPresignedRequest($command, $expire)
            ->getUri();
        // ⑥
        return (string) $uri;
    }

https://<bucket名>.s3.amazonaws.com/<S3のpath>
	?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD
	&X-Amz-Algorithm=AWS4-HMAC-SHA256
	&X-Amz-Credential=access_key%2F20220415%2Fus-east-1%2Fs3%2Faws4_request
	&X-Amz-Date=20220415T082955Z
	&X-Amz-SignedHeaders=host
	&X-Amz-Expires=2
	&X-Amz-Signature=d3c7ba3fcf2d7bddd4986b3ff90ce616d30dcb87c9ffb242256ace4601afc2f3

type PreSignedUrl = Readonly<{
    pre_signed_url: string,
}>

function generatePreSingedUrl(
    endpoint: string,
    file: File
): Promise<PreSignedUrl> {
    const formData = new FormData();
    formData.append('file', file, file.name)
    return axios.post<ResponseData<PreSignedUrl>>(endpoint, formData)
        .then((response) => response.data.data)
}

function uploadFile(
    url: string,
    file: File,
): Promise<any> {
    const options = {
        headers: {
            'Content-Type': file.type
        }
    }
    return axios.put<ResponseData<any>>(url, file, options)
        .then((response) => response)
}

// ①
const preSignedUrl = await generatePreSingedUrl('<署名付きURLを発行するエンドポイント>', fileData);
// ②
await uploadFile(preSignedUrl, fileData);

[
    {
        "AllowedHeaders": [
            "*"
        ],
        "AllowedMethods": [
            "GET",
            "PUT"
        ],
        "AllowedOrigins": [
            "許可するオリジン",
        ],
        "ExposeHeaders": [],
        "MaxAgeSeconds": 3000
    }
]

function uploadFile(
    url: string,
    file: File,
): Promise<any> {
    const formData = new FormData()
    formData.append('file', file, file.name)
    const options = {
        headers: {
            'Content-Type': file.type
        }
    }
    return axios.put<ResponseData<any>>(url, formData, options)
        .then((response) => response)
}