> For the complete documentation index, see [llms.txt](https://docs.cloudeka.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cloudeka.ai/deka-gpu-documentations/panduan-untuk-enterprise/deka-box/overview-deka-box/cors-settings.md).

# Pengaturan CORS

Bagian ini menjelaskan fitur *CORS Settings* pada Layanan *Service Portal* Cloudeka. *CORS* (*Cross-Origin Resource Sharing*) memungkinkan aplikasi web mengakses sumber daya dari domain yang berbeda dengan domain asalnya. *CORS* adalah mekanisme keamanan berbasis *HTTP* yang memungkinkan server mengontrol permintaan data dari domain berbeda. Secara bawaan, browser membatasi akses lintas origin demi keamanan. *CORS* menyediakan cara yang aman dan terkontrol untuk mengizinkan pengecualian atas pembatasan ini. Dengan *CORS*, Anda dapat menentukan apakah browser diizinkan mengakses sumber daya dari origin lain, yang mencakup domain, protokol, dan port.

Contoh berikut menjelaskan cara kerja *CORS*:\
Misalnya, Anda memiliki situs web di `https://www.technicalwriters.id/` dan menyimpan file statis, seperti gambar, video, atau *PDF*, di Deka Box melalui Layanan *Service Portal* Cloudeka. Saat browser mencoba mengakses file ini dari domain Cloudeka, browser akan otomatis memblokir permintaan karena bucket menolak akses demi alasan keamanan. Oleh karena itu, konfigurasi *CORS Settings* pada bucket diperlukan untuk mengizinkan akses lintas domain dari situs web Anda.

Pada *CORS Configuration* di Layanan *Service Portal Cloudeka*, Anda dapat [menambahkan konfigurasi *CORS*](#menambahkan-konfigurasi-cors) dan [menghapus konfigurasi *CORS*](#menghapus-konfigurasi-cors).

## Menambahkan konfigurasi CORS

Untuk menambahkan konfigurasi *CORS* ke Deka Box melalui Layanan *Service Portal* Cloudeka, buka tab *Overview* pada halaman *Deka Box Details*, lalu klik *CORS Settings*.

<figure><img src="https://753761090-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtAYQyBIz2BclZ3ZHHlS4%2Fuploads%2Fgit-blob-3a45f3d53326ef1af2821167b6473be0b33aa9ed%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

Halaman *Cors Configuration* akan muncul. Klik *Add*.

<figure><img src="https://753761090-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtAYQyBIz2BclZ3ZHHlS4%2Fuploads%2Fgit-blob-2894c7d6acaf34580b92415d2109af1503ec1407%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

Jendela *Advanced CORS Options* akan muncul. Isi kolom yang tersedia, lalu klik *Save Option*.

<figure><img src="https://753761090-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtAYQyBIz2BclZ3ZHHlS4%2Fuploads%2Fgit-blob-5cee60b4249c9613fded14063de55cc12bae73e5%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="197">Kolom</th><th>Deskripsi</th></tr></thead><tbody><tr><td><em>Bucket Name</em></td><td>Nama untuk mengidentifikasi bucket.</td></tr><tr><td><em>Origin</em></td><td>Skema (<em>http</em> atau <em>https</em>), domain, dan port asal pengiriman permintaan <em>CORS</em>.</td></tr><tr><td><em>Allow Methods</em></td><td><p>Daftar metode yang diizinkan dalam permintaan <em>CORS</em> ke bucket:</p><ul><li><em>GET</em> digunakan untuk mengambil atau membaca data dari bucket. Metode ini paling umum digunakan untuk file statis pada situs web dan harus dipilih jika Anda memerlukan akses baca.</li><li><em>PUT</em> digunakan untuk mengunggah file atau menimpa objek dalam bucket. Metode ini biasanya digunakan aplikasi web yang mengizinkan pengguna mengunggah file ke bucket.</li><li><em>DELETE</em> digunakan untuk menghapus file melalui <em>API</em>.</li><li><em>POST</em> digunakan untuk mengunggah file melalui formulir multipart.</li><li><em>HEAD</em> digunakan untuk meminta metadata file tanpa mengunduh konten sebenarnya.</li></ul></td></tr><tr><td><em>Allow Header</em></td><td>Daftar header <em>HTTP</em> yang diizinkan dalam permintaan <em>CORS</em>.</td></tr></tbody></table>

Pada bagian *Origin*, masukkan alamat situs web yang valid. Panduan ini menggunakan `https://technicalwriters.id`.

<figure><img src="https://753761090-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtAYQyBIz2BclZ3ZHHlS4%2Fuploads%2Fgit-blob-a24362976ea6fe7afafddbe8283b609d4d215238%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

Pada bagian *Allowed Methods*, karena situs web hanya menampilkan gambar, cukup pilih opsi *GET*.

<figure><img src="https://753761090-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtAYQyBIz2BclZ3ZHHlS4%2Fuploads%2Fgit-blob-168cf7ae2db6c042ccbec55246d5e4e921e6b282%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

Pada bagian *Allowed Headers*, biarkan kosong jika tidak memerlukan header khusus. Untuk fleksibilitas, Anda dapat menggunakan simbol *wildcard* `*`. *Wildcard* `*` berarti semua jenis header diizinkan, seperti `Authorization` dan `Content-Type`.

<figure><img src="https://753761090-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtAYQyBIz2BclZ3ZHHlS4%2Fuploads%2Fgit-blob-94eeca135f4439ffe86ef551b0b11ee7d1425f04%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

Setelah menambahkan konfigurasi *CORS*, klik *Apply Changes* untuk menyimpan pengaturan.

<figure><img src="https://753761090-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtAYQyBIz2BclZ3ZHHlS4%2Fuploads%2Fgit-blob-3e2c4a7b8087d12fac066b61d8778d966b683ad4%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

Tunggu hingga proses selesai dan notifikasi *"Successfully updated CORS rules"* muncul.

<figure><img src="https://753761090-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtAYQyBIz2BclZ3ZHHlS4%2Fuploads%2Fgit-blob-8212a86a9ede63f855ba3c552ebf5f456d46d7a8%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

## Menghapus konfigurasi CORS

Untuk menghapus konfigurasi *CORS* pada Deka Box yang tidak lagi digunakan melalui Layanan *Service Portal Cloudeka*, buka tab *Overview* pada halaman *Deka Box Details*, lalu klik *CORS Settings*.

<figure><img src="https://753761090-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtAYQyBIz2BclZ3ZHHlS4%2Fuploads%2Fgit-blob-3a45f3d53326ef1af2821167b6473be0b33aa9ed%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

Dalam daftar *CORS Configuration*, klik *Delete* pada konfigurasi *CORS* yang ingin dihapus.

<figure><img src="https://753761090-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtAYQyBIz2BclZ3ZHHlS4%2Fuploads%2Fgit-blob-3bd02d1d32e6c128615bf406a861d5c63c5dc95c%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

Kemudian, klik *Apply Changes* untuk menerapkan dan menyimpan konfigurasi.

<figure><img src="https://753761090-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtAYQyBIz2BclZ3ZHHlS4%2Fuploads%2Fgit-blob-4d904fb4e6e2a709b7ecd822a1f4b9ba8f698f26%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

Notifikasi berhasil akan muncul untuk mengonfirmasi bahwa konfigurasi *CORS* telah diperbarui.

<figure><img src="https://753761090-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtAYQyBIz2BclZ3ZHHlS4%2Fuploads%2Fgit-blob-b31a12b9b3e8400a24e64cb39ce510503207ed68%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>