Cross-Origin Resource Sharing biasa disingkat dengan CORS merupakan suatu sistem mekanisme yang memperbolehkan suatu data diakses dari halaman website lain diluar domain asal data. Lebih jelasnya, ketika kita membuat suatu API pada suatu framework, katakanlah pada CI, dan API itu kita get dari halaman lain, maka akan muncul pesan warning seperti di bawah ini.
Pada permasalahan di atas, Saya hendak mengambil data pada suatu website diluar domain https://codenya.com dan menerima warning seperti gambar di atas. Hal ini sangat umum, dikarenakan sebagai keamanan website asal agar tidak bisa diakses oleh semua domain secara umum.
Namun bagaimana caranya agar kita dapat mengakses data tersebut dari domaian asal dan tidak di block? Terdapat 2 cara yang sangat umum digunakan. Cara pertama yakni menggunakan fungsi header, dalam contoh kali ini Saya menggunakan framework CI, dan cara ke dua menggunakan fungsi di dalam htaccess.
1. Menggunakan Header
Disini, dikarenakan Saya menggunakan CI 3, langusng saja kita buka file autoload.php yang terletak pada /applications/config/, pada domain asal resource, dan pada bagian atas (setelah <?php ) tuliskan code berikut ini :
header('Access-Control-Allow-Origin: https://codenya.com');
header("Access-Control-Allow-Methods: GET");
Sedikit penjelasan pada code diatas sebagai berikut :
- Pada baris pertama, kita lihat terdapat domain http://codenya.com. DOmain ini merupakan domain yang dapat megakses resource data dari domain asal.
- Pada baris kedua, kerupakan methode yang kita berikan. Dikarenakan kita hanya mengambil data saja, maka kita menggunakan methode GET saja.
2. Menggunakan Htaccess
Pada cara kedua ini lebih mudah, karena kita tidak mengubah pada file resource di dalamnya. Sekarang Kita coba buka file .htaccess yang terletak pada root resource dari domain asal. Setelah terbuka, Kita tulis code berikut ini:
Header set Access-Control-Allow-Origin "https://codenya.com"
Pada baris code di atas, kita juga dapat melihat terdapat domain https://codenya.com dimana data resource dapat diakses melalui domain https://codenya.com saja. Namun Anda juga dapat mengisikan simbol asterisk saja seperti ini * dengan tujuan, kita membuka akses untuk semua domain diluar domain asal data resource. Jadi, semua domain luar dapat mengakses data resource ini.
Nah, mudah bukan? Demikian bagaimana kita belajar mengenai Cara Menangani CORS pada Web semoga dapat bermanfaat buat Anda. Terima Kasih.
Leave a Reply