CORS 構成の例 (original) (raw)

ユーザーが your-example-website.appspot.com でアクセスできる動的ウェブサイトがあるとします。your-example-bucket という名前の Cloud Storage バケットに画像ファイルがホストされています。ウェブサイトで画像を使用するには、your-example-bucket に CORS 構成を適用して、ユーザーのブラウザがバケットからリソースをリクエストできるようにする必要があります。以下の構成に基づいているため、プリフライト リクエストは 1 時間有効であり、ブラウザ リクエストが成功するとレスポンスでリソースの Content-Type が返されます。

コマンドライン

gcloud コマンドの例

gcloud storage buckets update gs://example_bucket --cors-file=example_cors_file.json

CORS 構成を含む JSON ファイルの例

[ { "origin": ["https://your-example-website.appspot.com"], "method": ["GET"], "responseHeader": ["Content-Type"], "maxAgeSeconds": 3600 } ]

Google Cloud CLI を使用して CORS 構成を設定する方法の詳細については、gcloud storage buckets update リファレンス ドキュメントをご覧ください。

REST API

JSON API

{ "cors": [ { "origin": ["https://your-example-website.appspot.com"], "method": ["GET"], "responseHeader": ["Content-Type"], "maxAgeSeconds": 3600 } ] }

CORS 構成ファイルの一般的な形式については、JSON のバケット リソース表現をご覧ください。

XML API

https://your-example-website.appspot.com GET Content-Type 3600

CORS 構成ファイルの一般的な形式については、XML の CORS 構成形式をご覧ください。

コマンドライン

--clear-cors フラグを指定して gcloud storage buckets update コマンドを使用する場合は、バケットから CORS 構成を削除します。

gcloud storage buckets update gs://BUCKET_NAME --clear-cors

ここで、BUCKET_NAME は、CORS 構成を削除するバケットの名前です。

クライアント ライブラリ

REST API

JSON API

バケットに設定すると、次の構成ではバケットからすべての CORS 設定が削除されます。

{ "cors": [] }

CORS 構成ファイルの一般的な形式については、JSON のバケット リソース表現をご覧ください。

XML API

バケットに設定すると、次の構成ではバケットからすべての CORS 設定が削除されます。

CORS 構成ファイルの一般的な形式については、XML の CORS 構成形式をご覧ください。