AWSのS3のCORSの設定方法

Question

S3のCORSの設定

ブラウザからS3へのダイレクトアップロードを可能にするためにAWSのCrossOriginの設定が必要なので、以下の方法で設定します。

S3 → バケット名選択 → アクセス許可　→ Cross-Origin Resource Sharing (CORS)

発生している問題・エラーメッセージ

CORSの編集画面から、以下のように設定します。

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
  <CORSRule>
    <AllowedOrigin>http://localhost:3000</AllowedOrigin>
    <AllowedMethod>GET</AllowedMethod>
    <AllowedMethod>POST</AllowedMethod>
    <AllowedMethod>PUT</AllowedMethod>
    <AllowedHeader>*</AllowedHeader>
  </CORSRule>
</CORSConfiguration>

このように設定すると

不明なエラー
予期しないエラーが発生しました。
API レスポンス
Expected params.CORSConfiguration.CORSRules to be an Array

上記のように、エラーメッセージとなります。何故でしょうか？

アドバイスなどよろしくお願い致します。

Answer 1

なぜだろうと思ったら、どうやらS3のコンソールのアップデートに伴って、アップデート後のコンソールではCORSのポリシーをJSONで指定しなければいけなくなったそうです。

わかりにくいことに現時点では英語版のドキュメントでしか言及されていません
参考
ドキュメント（記載の通り、Englishにしないとその旨が書かれていません。そのうち修正されるでしょうけど。）
How do I configure CORS on my bucket?

Stack Overflow
Unable to update AWS S3 CORS POLICY

Comments

[yasukun252]

ご回答ありがとうございます。私も上記のリンク拝見させて頂きました。
その際、以下の部分のJSONでの書き方がいまいち分からないです。

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">

上記のリンク先には、特に記載がなかったのですが、「ブラウザからS3へのダイレクトアップロードを可能にするための設定」では必要でしょうか？

[yu_1985]

直近ドキュメントではXMLのサンプルでもそもそもその部分は記載されていないので不要かと思います。

> 上記のリンク先には、特に記載がなかったのですが、「ブラウザからS3へのダイレクトアップロードを可能にするための設定」では必要でしょうか？

別にそのために必要なものではないとは思います。AWS側の仕様の問題でもしかしたらどこかのタイミングで記述が不要になったのかもしれません。

[yasukun252]

ありがとうございます！