Peramban Web dan Server menggunakan protokol HTTP untuk berkomunikasi dan HTTP adalah protokol tanpa kewarganegaraan. Tetapi untuk situs web komersial, diperlukan untuk memelihara informasi sesi di antara halaman yang berbeda. Misalnya, satu pendaftaran pengguna berakhir setelah menyelesaikan banyak halaman. Tetapi bagaimana mempertahankan informasi sesi pengguna di semua halaman web Show Dalam banyak situasi, menggunakan cookie adalah metode yang paling efisien untuk mengingat dan melacak preferensi, pembelian, komisi, dan informasi lain yang diperlukan untuk pengalaman pengunjung atau statistik situs yang lebih baik Bagaimana itu bekerja ?Server Anda mengirimkan beberapa data ke browser pengunjung dalam bentuk cookie. Browser dapat menerima cookie. Jika ya, itu disimpan sebagai rekaman teks biasa di hard drive pengunjung. Sekarang, saat pengunjung tiba di halaman lain di situs Anda, browser mengirimkan cookie yang sama ke server untuk diambil. Setelah diambil, server Anda mengetahui/mengingat apa yang disimpan sebelumnya Cookie adalah catatan data teks biasa dari 5 bidang panjang variabel −
Cookie pada awalnya dirancang untuk pemrograman CGI. Data yang terkandung dalam cookie secara otomatis dikirimkan antara browser web dan server web, sehingga skrip CGI di server dapat membaca dan menulis nilai cookie yang disimpan di klien JavaScript juga dapat memanipulasi cookie menggunakan properti cookie dari objek Dokumen. JavaScript dapat membaca, membuat, memodifikasi, dan menghapus cookie yang berlaku untuk halaman web saat ini Menyimpan CookieCara paling sederhana untuk membuat cookie adalah dengan menetapkan nilai string ke dokumen. objek cookie, yang terlihat seperti ini document.cookie = "key1 = value1;key2 = value2;expires = date"; Di sini atribut kedaluwarsa bersifat opsional. Jika Anda memberikan atribut ini dengan tanggal atau waktu yang valid, maka cookie akan kedaluwarsa pada tanggal atau waktu tertentu dan setelah itu, nilai cookie tidak akan dapat diakses Catatan − Nilai cookie mungkin tidak termasuk titik koma, koma, atau spasi putih. Untuk alasan ini, Anda mungkin ingin menggunakan fungsi JavaScript escape() untuk menyandikan nilai sebelum menyimpannya di cookie. Jika Anda melakukan ini, Anda juga harus menggunakan fungsi unescape() yang sesuai saat membaca nilai cookie ContohCoba yang berikut ini. Ini menetapkan nama pelanggan dalam cookie input Enter name:_ KeluaranSekarang mesin Anda memiliki cookie bernama name. Anda dapat menyetel beberapa cookie menggunakan beberapa kunci = pasangan nilai yang dipisahkan dengan koma Membaca CookieMembaca cookie semudah menulisnya, karena nilai dokumennya. objek cookie adalah cookie. Jadi Anda dapat menggunakan string ini kapan pun Anda ingin mengakses cookie. Dokumen. string cookie akan menyimpan daftar pasangan nama=nilai yang dipisahkan oleh titik koma, di mana nama adalah nama cookie dan nilai adalah nilai stringnya Anda dapat menggunakan fungsi split() string untuk memecah string menjadi kunci dan nilai sebagai berikut − ContohCoba contoh berikut untuk mendapatkan semua cookie
Catatan - Di sini panjang adalah metode kelas Array yang mengembalikan panjang array. Kami akan membahas Array di bab terpisah. Pada saat itu, cobalah mencernanya Catatan − Mungkin ada beberapa cookie lain yang sudah disetel di mesin Anda. Kode di atas akan menampilkan semua cookie yang disetel di mesin Anda Mengatur Tanggal Kedaluwarsa CookieAnda dapat memperpanjang umur cookie di luar sesi browser saat ini dengan menyetel tanggal kedaluwarsa dan menyimpan tanggal kedaluwarsa di dalam cookie. Ini dapat dilakukan dengan menyetel atribut 'kedaluwarsa' ke tanggal dan waktu ContohCoba contoh berikut. Ini mengilustrasikan cara menghapus cookie dengan menyetel tanggal kedaluwarsa menjadi satu bulan di belakang tanggal saat ini Properti _7 8 memungkinkan Anda membaca dan menulis cookie yang terkait dengan dokumen. Ini berfungsi sebagai pengambil dan penyetel untuk nilai sebenarnya dari cookie
Dalam kode di atas _9 adalah string yang berisi daftar semua cookie yang dipisahkan titik koma (i. e. 0 pasang). Perhatikan bahwa setiap kunci dan nilai dapat diapit oleh spasi putih (karakter spasi dan tab). sebenarnya, RFC 6265 mengamanatkan satu spasi setelah setiap titik koma, tetapi beberapa agen pengguna mungkin tidak mematuhi ini
Pada kode di atas, _1 adalah string bentuk 0, yang menentukan cookie untuk disetel/diperbarui. Perhatikan bahwa Anda hanya dapat mengatur/memperbarui satu cookie pada satu waktu menggunakan metode ini. Pertimbangkan juga itu
Catatan. Seperti yang Anda lihat dari kode di atas, 9 adalah dengan fungsi penyetel dan pengambil asli, dan akibatnya bukan dengan nilai. apa yang Anda tulis tidak sama dengan apa yang Anda baca, semuanya selalu dimediasi oleh juru bahasa JavaScript
Untuk menggunakan kode berikut, silakan ganti semua kemunculan kata 0 (nama cookie) dengan nama kustom
0 1 2 _3Penting untuk diperhatikan bahwa atribut 1 tidak melindungi dari pembacaan cookie yang tidak sah dari jalur yang berbeda. Itu dapat dengan mudah dilewati menggunakan DOM, misalnya dengan membuat elemen 2 tersembunyi dengan jalur cookie, lalu mengakses properti 3 iframe ini. Satu-satunya cara untuk melindungi cookie adalah dengan menggunakan domain atau subdomain yang berbeda, karena kebijakan asal yang samaCookie sering digunakan dalam aplikasi web untuk mengidentifikasi pengguna dan sesi yang diautentikasi. Mencuri cookie dari aplikasi web mengarah pada pembajakan sesi pengguna yang diautentikasi. Cara umum untuk mencuri cookie termasuk menggunakan rekayasa sosial atau dengan mengeksploitasi kerentanan cross-site scripting (XSS) dalam aplikasi - _4Atribut cookie 4 dapat membantu mengurangi serangan ini dengan mencegah akses ke nilai cookie melalui JavaScript. Baca lebih lanjut tentang Cookie dan Keamanan
Alasan properti pengakses _9 adalah karena sifat cookie server-klien, yang berbeda dari metode penyimpanan klien-klien lainnya (seperti, misalnya, penyimpanan lokal)
Bagaimana cara menyimpan data formulir dalam cookie di JavaScript?Proses pengaturan cookie adalah sebagai berikut. . masukkan nilai dalam formulir dan klik Kirim; formulir memanggil JavaScript untuk menyetel empat cookie. bidang1, bidang2, bidang3, bidang4; formulir tersebut kemudian dikirimkan, membawa Anda ke halaman berikutnya Bisakah kita menyimpan data dalam cookie?Data yang disimpan dalam cookie dibuat oleh server setelah koneksi Anda . Data ini diberi label dengan ID unik untuk Anda dan komputer Anda. Saat cookie dipertukarkan antara komputer Anda dan server jaringan, server membaca ID dan mengetahui informasi apa yang secara khusus disajikan kepada Anda.
Bagaimana Anda menyimpan data dalam cookie di reaksi JS?Pertama, bungkus file index. js atau komponen aplikasi root dari aplikasi Anda dengan komponen CookiesProvider dari paket react-cookie. . Kue. objek Javascript dengan semua cookie pengguna setCookie. Berfungsi untuk mengatur cookie hapusCookie. Berfungsi untuk menghapus cookie Bagaimana cara membuat cookie di JavaScript?Cookie dibuat oleh dokumen. kata kunci cookie seperti yang ditunjukkan di bawah ini. Contoh. Pada contoh di bawah ini, kami akan mengambil input dari pengguna sebagai nama cookie dan menyimpannya dalam nilai cookie. Kemudian nilai cookie disimpan dalam format string dengan menambahkan atribut 'nama' dan kemudian cookie dibuat di browser |