翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。

# バケットの Cross-Origin Resource Sharing (CORS) を設定する
<a name="access-grant-cors"></a>

ウェブアプリケーションで使用されるすべてのバケットに対して、Cross-Origin Resource Sharing (CORS) を設定する必要があります。*CORS 設定*は、バケットへのアクセスを許可するオリジンを識別するルールを定義するドキュメントです。CORS の詳細については、[「クロスオリジンリソース共有 (CORS) の設定](https://docs.aws.amazon.com/AmazonS3/latest/userguide/enabling-cors-examples.html?icmpid=docs_amazons3_console)」を参照してください。

**重要**  
CORS を設定しない場合、エンドユーザーがウェブアプリ上の場所にアクセスしようとすると、エラーが発生します。

**Amazon S3 バケットの Cross-Origin Resource Sharing (CORS) を設定するには**

1. にサインイン AWS マネジメントコンソール し、[https://console.aws.amazon.com/s3/](https://console.aws.amazon.com/s3/) で Amazon S3 コンソールを開きます。

1. 左側のナビゲーションパネルから**バケット**を選択し、検索ダイアログでバケットを検索し、**アクセス許可**タブを選択します。

1. **クロスオリジンリソース共有 (CORS)** で、次のコードで**編集**して貼り付けます。*WebAppEndpoint* をウェブアプリの実際のアクセスエンドポイントに置き換えます。これは、ウェブアプリケーションの作成時に作成される VPC ホストエンドポイントまたはパブリックアクセスエンドポイント、または作成する場合はカスタムアクセスエンドポイントのいずれかです。ユーザーがウェブアプリにログオンしようとするとエラーが発生するため、末尾にスラッシュを入力しないようにしてください。
   + 正しくない例: `https://webapp-c7bf3423.transfer-webapp.us-east-2.on.aws/`
   + 正しい例:
     + `https://webapp-c7bf3423.transfer-webapp.us-east-2.on.aws`
     + `https://vpce-05668789767a-fh45z079.vpce-mq.transfer-webapp.us-east-1.on.aws`

   バケットを複数のウェブアプリケーションに再利用する場合は、それらのエンドポイントを`AllowedOrigins`リストに追加します。

   ```
   [
     {
       "AllowedHeaders": [
         "*"
       ],
       "AllowedMethods": [
         "GET",
         "PUT",
         "POST",
         "DELETE",
         "HEAD"
       ],
       "AllowedOrigins": [
         "https://WebAppEndpoint"
       ],
       "ExposeHeaders": [
         "last-modified",
          "content-length",
         "etag",
         "x-amz-version-id",
         "content-type",
         "x-amz-request-id",
         "x-amz-id-2",
         "date",
         "x-amz-cf-id",
         "x-amz-storage-class",
         "access-control-expose-headers"
        ],
       "MaxAgeSeconds": 3000
     }
   ]
   ```

1.  **変更を保存**を選択して CORS を更新します。

CORS 設定をテストするには、[「CORS のテスト](https://docs.aws.amazon.com/AmazonS3/latest/userguide/testing-cors.html)」を参照してください。