Cross-origin resource sharing (CORS) memungkinkan interaksi antar-resource dari asal yang berbeda, hal yang biasanya dilarang untuk mencegah perilaku berbahaya. Gunakan halaman ini untuk mempelajari cara menetapkan konfigurasi CORS di bucket Cloud Storage dan cara melihat konfigurasi CORS yang ditetapkan di bucket. Lihat Contoh konfigurasi CORS untuk mengetahui contoh konfigurasi CORS.
Peran yang diperlukan
Untuk mendapatkan izin yang Anda perlukan untuk menetapkan dan melihat konfigurasi CORS pada bucket, minta administrator Anda untuk memberi Anda peran Storage Admin (roles/storage.admin) di bucket tersebut.
Peran bawaan ini berisi izin yang diperlukan untuk menyetel dan melihat konfigurasi CORS. Untuk melihat izin yang benar-benar diperlukan, luaskan bagian Izin yang diperlukan:
Izin yang diperlukan
storage.buckets.getstorage.buckets.update
Anda juga bisa mendapatkan izin ini dengan peran standar atau peran khusus lainnya.
Untuk mengetahui informasi tentang cara memberikan peran pada bucket, lihat Menetapkan dan mengelola kebijakan IAM pada bucket.
Menetapkan konfigurasi CORS pada bucket
Anda menetapkan konfigurasi CORS pada bucket dengan menentukan informasi, seperti metode HTTP dan domain asal, yang mengidentifikasi jenis permintaan yang dapat diterima bucket.
Gunakan langkah-langkah berikut untuk menetapkan konfigurasi CORS di bucket Anda:
Konsol
- Di konsol Google Cloud , buka halaman Buckets Cloud Storage.
Klik nama bucket.
Klik tab Configuration.
Di bagian Cross-origin resource sharing, klik Edit CORS configuration.
Centang kotak Izinkan cross-origin resource sharing.
Klik Add a configuration, lalu lakukan tindakan berikut:
Berikan nilai untuk kolom dalam konfigurasi:
Daftar origin yang diizinkan: origin yang ingin Anda izinkan untuk Cross-Origin Resource Sharing (CORS) dengan bucket ini.
Tentukan metode: metode HTTP yang ingin Anda izinkan untuk Cross-Origin Resource Sharing dengan bucket ini.
Daftar header respons yang diizinkan: header respons yang ingin Anda izinkan untuk berbagi resource lintas origin dengan bucket ini.
Waktu habis masa berlaku cache: jumlah detik yang diizinkan bagi browser untuk membuat permintaan sebelum harus mengulangi permintaan preflight.
Untuk mengetahui informasi selengkapnya tentang setiap kolom, lihat Komponen konfigurasi CORS.
Klik Done.
Opsional: Untuk menambahkan konfigurasi lainnya, ulangi langkah sebelumnya.
Klik Simpan.
Command line
Buat file JSON dengan konfigurasi CORS yang ingin Anda terapkan. Lihat contoh konfigurasi untuk mengetahui contoh file JSON.
Gunakan perintah
gcloud storage buckets updatedengan flag--cors-file:gcloud storage buckets update gs://BUCKET_NAME --cors-file=CORS_CONFIG_FILE
Dengan keterangan:
BUCKET_NAMEadalah nama bucket yang relevan. Contoh,my-bucket.CORS_CONFIG_FILEadalah jalur ke file JSON yang Anda buat di Langkah 1.
Library klien
C++
Untuk mengetahui informasi selengkapnya, lihatDokumentasi referensi Cloud Storage C++ API.
Untuk melakukan autentikasi ke Cloud Storage, siapkan Kredensial Default Aplikasi. Untuk mengetahui informasi selengkapnya, lihat Menyiapkan autentikasi untuk library klien.
Contoh berikut menetapkan konfigurasi CORS pada bucket:
C#
Untuk mengetahui informasi selengkapnya, lihatDokumentasi referensi Cloud Storage C# API.
Untuk melakukan autentikasi ke Cloud Storage, siapkan Kredensial Default Aplikasi. Untuk mengetahui informasi selengkapnya, lihat Menyiapkan autentikasi untuk library klien.
Contoh berikut menetapkan konfigurasi CORS pada bucket:
Go
Untuk mengetahui informasi selengkapnya, lihatDokumentasi referensi Cloud Storage Go API.
Untuk melakukan autentikasi ke Cloud Storage, siapkan Kredensial Default Aplikasi. Untuk mengetahui informasi selengkapnya, lihat Menyiapkan autentikasi untuk library klien.
Contoh berikut menetapkan konfigurasi CORS pada bucket:
Java
Untuk mengetahui informasi selengkapnya, lihatDokumentasi referensi Cloud Storage Java API.
Untuk melakukan autentikasi ke Cloud Storage, siapkan Kredensial Default Aplikasi. Untuk mengetahui informasi selengkapnya, lihat Menyiapkan autentikasi untuk library klien.
Contoh berikut menetapkan konfigurasi CORS pada bucket:
Node.js
Untuk mengetahui informasi selengkapnya, lihatDokumentasi referensi Cloud Storage Node.js API.
Untuk melakukan autentikasi ke Cloud Storage, siapkan Kredensial Default Aplikasi. Untuk mengetahui informasi selengkapnya, lihat Menyiapkan autentikasi untuk library klien.
Contoh berikut menetapkan konfigurasi CORS pada bucket:
PHP
Untuk mengetahui informasi selengkapnya, lihatDokumentasi referensi Cloud Storage PHP API.
Untuk melakukan autentikasi ke Cloud Storage, siapkan Kredensial Default Aplikasi. Untuk mengetahui informasi selengkapnya, lihat Menyiapkan autentikasi untuk library klien.
Contoh berikut menetapkan konfigurasi CORS pada bucket:
Python
Untuk mengetahui informasi selengkapnya, lihatDokumentasi referensi Cloud Storage Python API.
Untuk melakukan autentikasi ke Cloud Storage, siapkan Kredensial Default Aplikasi. Untuk mengetahui informasi selengkapnya, lihat Menyiapkan autentikasi untuk library klien.
Contoh berikut menetapkan konfigurasi CORS pada bucket:
Ruby
Untuk mengetahui informasi selengkapnya, lihatDokumentasi referensi Cloud Storage Ruby API.
Untuk melakukan autentikasi ke Cloud Storage, siapkan Kredensial Default Aplikasi. Untuk mengetahui informasi selengkapnya, lihat Menyiapkan autentikasi untuk library klien.
Contoh berikut menetapkan konfigurasi CORS pada bucket:
Rust
Contoh berikut menetapkan konfigurasi CORS pada bucket:
REST API
JSON API
Instal dan lakukan inisialisasigcloud CLI, yang memungkinkan Anda membuat token akses untuk header
Authorization.Buat file JSON dengan konfigurasi CORS yang ingin Anda terapkan. Lihat contoh konfigurasi untuk mengetahui contoh file JSON.
Gunakan
cURLuntuk memanggil JSON API dengan permintaan BucketPATCH:curl --request PATCH \ 'https://storage.googleapis.com/storage/v1/b/BUCKET_NAME?fields=cors' \ --header 'Authorization: Bearer $(gcloud auth print-access-token)' \ --header 'Content-Type: application/json' \ --data-binary @CORS_CONFIG_FILE
Dengan keterangan:
BUCKET_NAMEadalah nama bucket. Contoh,my-bucket.CORS_CONFIG_FILEadalah jalur ke file JSON yang Anda buat di Langkah 2.
XML API
Instal dan lakukan inisialisasigcloud CLI, yang memungkinkan Anda membuat token akses untuk header
Authorization.Buat file XML dengan konfigurasi CORS yang ingin Anda terapkan. Lihat contoh konfigurasi untuk mengetahui contoh file XML.
Gunakan
cURLuntuk memanggil XML API dengan permintaanPUT Bucketyang dicakup ke?cors:curl -X PUT --data-binary @CORS_CONFIG_FILE \ -H "Authorization: Bearer $(gcloud auth print-access-token)" \ -H "x-goog-project-id: PROJECT_ID" \ "https://storage.googleapis.com/BUCKET_NAME?cors"
Dengan:
BUCKET_NAMEadalah nama bucket. Contoh,my-bucket.PROJECT_IDadalah ID project yang terkait dengan bucket. Contoh,my-project.CORS_CONFIG_FILEadalah jalur ke file XML yang Anda buat di Langkah 2.
Melihat konfigurasi CORS untuk bucket
Konsol
- Di konsol Google Cloud , buka halaman Buckets Cloud Storage.
Klik nama bucket.
Klik tab Configuration.
Di bagian Cross-origin resource sharing, klik Edit CORS configuration.
Klik konfigurasi.
Opsional: Edit konfigurasi, atau klik Batal untuk menutup dialog.
Command line
Gunakan perintah gcloud storage buckets describe dengan
flag --format:
gcloud storage buckets describe gs://BUCKET_NAME --format="default(cors_config)"
Dengan BUCKET_NAME adalah nama bucket
yang konfigurasi CORS-nya ingin Anda lihat. Contoh, my-bucket.
Library klien
Agar dapat melihat konfigurasi CORS untuk bucket menggunakan library klien, ikuti petunjuk untuk menampilkan metadata bucket dan cari kolom CORS dalam respons:
C++
Untuk mengetahui informasi selengkapnya, lihat Dokumentasi referensi Cloud Storage C++ API.
Untuk melakukan autentikasi ke Cloud Storage, siapkan Kredensial Default Aplikasi. Untuk mengetahui informasi selengkapnya, lihat Menyiapkan autentikasi untuk library klien.
C#
Untuk mengetahui informasi selengkapnya, lihatDokumentasi referensi Cloud Storage C# API.
Untuk melakukan autentikasi ke Cloud Storage, siapkan Kredensial Default Aplikasi. Untuk mengetahui informasi selengkapnya, lihat Menyiapkan autentikasi untuk library klien.
Go
Untuk mengetahui informasi selengkapnya, lihatDokumentasi referensi Cloud Storage Go API.
Untuk melakukan autentikasi ke Cloud Storage, siapkan Kredensial Default Aplikasi. Untuk mengetahui informasi selengkapnya, lihat Menyiapkan autentikasi untuk library klien.
Java
Untuk mengetahui informasi selengkapnya, lihatDokumentasi referensi Cloud Storage Java API.
Untuk melakukan autentikasi ke Cloud Storage, siapkan Kredensial Default Aplikasi. Untuk mengetahui informasi selengkapnya, lihat Menyiapkan autentikasi untuk library klien.
Node.js
Untuk mengetahui informasi selengkapnya, lihatDokumentasi referensi Cloud Storage Node.js API.
Untuk melakukan autentikasi ke Cloud Storage, siapkan Kredensial Default Aplikasi. Untuk mengetahui informasi selengkapnya, lihat Menyiapkan autentikasi untuk library klien.
PHP
Untuk mengetahui informasi selengkapnya, lihatDokumentasi referensi Cloud Storage PHP API.
Untuk melakukan autentikasi ke Cloud Storage, siapkan Kredensial Default Aplikasi. Untuk mengetahui informasi selengkapnya, lihat Menyiapkan autentikasi untuk library klien.
Python
Untuk mengetahui informasi selengkapnya, lihatDokumentasi referensi Cloud Storage Python API.
Untuk melakukan autentikasi ke Cloud Storage, siapkan Kredensial Default Aplikasi. Untuk mengetahui informasi selengkapnya, lihat Menyiapkan autentikasi untuk library klien.
Ruby
Untuk mengetahui informasi selengkapnya, lihatDokumentasi referensi Cloud Storage Ruby API.
Untuk melakukan autentikasi ke Cloud Storage, siapkan Kredensial Default Aplikasi. Untuk mengetahui informasi selengkapnya, lihat Menyiapkan autentikasi untuk library klien.
Rust
REST API
JSON API
Instal dan lakukan inisialisasigcloud CLI, yang memungkinkan Anda membuat token akses untuk header
Authorization.Gunakan
cURLuntuk memanggil JSON API dengan permintaanGETBucket:curl -X GET \ -H "Authorization: Bearer $(gcloud auth print-access-token)" \ "https://storage.googleapis.com/storage/v1/b/BUCKET_NAME?fields=cors"
Dengan
BUCKET_NAMEadalah nama bucket yang konfigurasi CORS-nya ingin Anda lihat. Contoh,my-bucket.
XML API
Instal dan lakukan inisialisasigcloud CLI, yang memungkinkan Anda membuat token akses untuk header
Authorization.Gunakan
cURLuntuk memanggil XML API dengan permintaan BucketGETyang dicakup ke?cors:curl -X GET \ -H "Authorization: Bearer $(gcloud auth print-access-token)" \ "https://storage.googleapis.com/BUCKET_NAME?cors"
Dengan
BUCKET_NAMEadalah nama bucket yang konfigurasi CORS-nya ingin Anda lihat. Contoh,my-bucket.
Menghapus konfigurasi CORS dari bucket
Konsol
- Di konsol Google Cloud , buka halaman Buckets Cloud Storage.
Klik nama bucket.
Klik tab Configuration.
Di bagian Cross-origin resource sharing, klik Edit CORS configuration.
Lakukan salah satu hal berikut:
Untuk menghapus konfigurasi CORS tertentu, klik Hapus untuk konfigurasi yang ingin Anda hapus.
Untuk menonaktifkan CORS dan menghapus semua konfigurasi CORS untuk bucket, hapus centang pada kotak Izinkan berbagi resource lintas asal.
Klik Simpan.
Command line
Untuk menghapus konfigurasi CORS dari bucket, gunakan perintah
gcloud storage buckets update dengan flag
--clear-cors:
gcloud storage buckets update gs://BUCKET_NAME --clear-cors
Ganti BUCKET_NAME dengan nama bucket yang konfigurasi CORS-nya ingin Anda hapus.
Library klien
C++
Untuk mengetahui informasi selengkapnya, lihatDokumentasi referensi Cloud Storage C++ API.
Untuk melakukan autentikasi ke Cloud Storage, siapkan Kredensial Default Aplikasi. Untuk mengetahui informasi selengkapnya, lihat Menyiapkan autentikasi untuk library klien.
Contoh berikut menghapus konfigurasi CORS yang ada dari bucket:
C#
Untuk mengetahui informasi selengkapnya, lihatDokumentasi referensi Cloud Storage C# API.
Untuk melakukan autentikasi ke Cloud Storage, siapkan Kredensial Default Aplikasi. Untuk mengetahui informasi selengkapnya, lihat Menyiapkan autentikasi untuk library klien.
Contoh berikut menghapus konfigurasi CORS yang ada dari bucket:
Go
Untuk mengetahui informasi selengkapnya, lihatDokumentasi referensi Cloud Storage Go API.
Untuk melakukan autentikasi ke Cloud Storage, siapkan Kredensial Default Aplikasi. Untuk mengetahui informasi selengkapnya, lihat Menyiapkan autentikasi untuk library klien.
Contoh berikut menghapus konfigurasi CORS yang ada dari bucket:
Java
Untuk mengetahui informasi selengkapnya, lihatDokumentasi referensi Cloud Storage Java API.
Untuk melakukan autentikasi ke Cloud Storage, siapkan Kredensial Default Aplikasi. Untuk mengetahui informasi selengkapnya, lihat Menyiapkan autentikasi untuk library klien.
Contoh berikut menghapus konfigurasi CORS yang ada dari bucket:
Node.js
Untuk mengetahui informasi selengkapnya, lihatDokumentasi referensi Cloud Storage Node.js API.
Untuk melakukan autentikasi ke Cloud Storage, siapkan Kredensial Default Aplikasi. Untuk mengetahui informasi selengkapnya, lihat Menyiapkan autentikasi untuk library klien.
Contoh berikut menghapus konfigurasi CORS yang ada dari bucket:
PHP
Untuk mengetahui informasi selengkapnya, lihatDokumentasi referensi Cloud Storage PHP API.
Untuk melakukan autentikasi ke Cloud Storage, siapkan Kredensial Default Aplikasi. Untuk mengetahui informasi selengkapnya, lihat Menyiapkan autentikasi untuk library klien.
Contoh berikut menghapus konfigurasi CORS yang ada dari bucket:
Python
Untuk mengetahui informasi selengkapnya, lihatDokumentasi referensi Cloud Storage Python API.
Untuk melakukan autentikasi ke Cloud Storage, siapkan Kredensial Default Aplikasi. Untuk mengetahui informasi selengkapnya, lihat Menyiapkan autentikasi untuk library klien.
Contoh berikut menghapus konfigurasi CORS yang ada dari bucket:
Ruby
Untuk mengetahui informasi selengkapnya, lihatDokumentasi referensi Cloud Storage Ruby API.
Untuk melakukan autentikasi ke Cloud Storage, siapkan Kredensial Default Aplikasi. Untuk mengetahui informasi selengkapnya, lihat Menyiapkan autentikasi untuk library klien.
Contoh berikut menghapus konfigurasi CORS yang ada dari bucket:
Rust
Contoh berikut menghapus konfigurasi CORS yang ada dari bucket:
REST API
Langkah berikutnya
- Pelajari contoh konfigurasi CORS.
- Pelajari CORS lebih lanjut.
- Pelajari cara memecahkan masalah permintaan CORS.