Apa yang dimaksud dengan cookie di javascript?

Dengan melanjutkan, Anda menyetujui Ketentuan Layanan dan Kebijakan Privasi kami, dan Anda setuju untuk menerima penawaran dan peluang dari Career Karma melalui telepon, pesan teks, dan email

Dalam panduan ini, kita akan berbicara tentang mengapa cookie ada, jenis cookie apa yang ada, dan cara menggunakan cookie di JavaScript. Mari kita mulai

Apa itu Cookie Peramban?

Cookie adalah string teks yang menyimpan informasi tentang pengguna di browser mereka. Ide tersebut dipelopori oleh Netscape, yang mengembangkan salah satu browser terpopuler di dunia pada tahun 1990-an. Netscape mengembangkan cookie untuk melacak apakah pengguna telah mengunjungi situs mereka. Jika ya, itu berarti pengguna mungkin mengetahui sesuatu tentang Netscape

Cookie harus berisi setidaknya nama dan bidang nilai. Bidang nama digunakan untuk mengidentifikasi isi bidang nilai. Cookie dapat menyimpan atribut tambahan seperti jalur file dan waktu kedaluwarsa, bergantung pada cara Anda menggunakan cookie di aplikasi Anda

Ini contoh cookie

Name: Authentication
Value: AUTHENTICATION_KEY
Domain: careerkarma.com

Cookie disimpan dalam kunci. pasangan nilai. Saat Anda melihat cookie ini, Anda akan melihat yang berikut ini

Authentication=AUTHENTICATION_KEY

Cookie ini akan menyimpan nilai AUTHENTICATION_KEY di browser Anda. Setiap kali Anda mengakses domain careerkarma. com, cookie itu akan tersedia untuk situs.  

Tidak ada batasan berapa banyak cookie yang dapat Anda setel untuk sebuah situs, tetapi yang akan Anda temukan adalah sebagian besar aplikasi hanya perlu menyetel beberapa, jika ada. Seringkali, cookie digunakan untuk melacak sesi pengguna

» LAINNYA.   Cara Men-debug JavaScript dengan Chrome

Ambil Cookie Browser

JavaScript memiliki objek yang disebut dokumen. cookie yang menyimpan informasi tentang semua cookie yang tersedia di suatu situs. Untuk menyetel, memperbarui, dan menghapus cookie, kita perlu memanipulasi objek ini. Untuk mengambil cookie, kita cukup memanggil objek ini

console.log(document.cookie);

Kode ini akan mengembalikan daftar semua cookie yang disetel di browser. Tidak ada cara untuk mengambil satu cookie dari daftar ini tanpa menulis fungsi khusus untuk melakukannya

Cara Mengatur Cookie Peramban

Bagaimana cara menyetel kuki peramban? . ini bisa dibilang lebih mudah daripada memanggang kue Anda sendiri

Katakanlah kita ingin menyimpan email pengguna dalam cookie. Kita dapat melakukannya dengan menggunakan kode JavaScript ini

document.cookie = "[email protected]";
console.log(document.cookie);

Kode ini membuat cookie dengan nama "email" dan nilai "user@email. com. ” Pernyataan

Authentication=AUTHENTICATION_KEY

[email protected];

Anda juga dapat menentukan jalur di mana cookie tersedia

document.cookie = "[email protected]; path=/dashboard";

Kode ini akan membuat cookie "email" tersedia di semua jalur yang dimulai dengan "/ dasbor"

Tanggal Kedaluwarsa Cookie

Secara default, cookie dihapus saat browser ditutup. Saat Anda menyetel cookie, Anda dapat secara opsional menambahkan tanggal kedaluwarsa yang akan menggantikan setelan ini

document.cookie = "[email protected]; expires=Wed, 24 Jun 2019 12:00:00 UTC";

Ini akan membuat cookie yang kedaluwarsa pada 24 Juni 2020 di awal hari. Tanggal kedaluwarsa Anda harus ditentukan dalam waktu UTC

Salah satu pendekatan umum untuk menyetel tanggal kedaluwarsa adalah dengan menggunakan objek Tanggal JavaScript, yang mengembalikan stempel waktu UTC. Cookie yang akan kedaluwarsa pada 30 Juni 2020 akan menggunakan kode ini

const expiryDate = new Date(2020, 6, 30);
document.cookie = "[email protected]; expires=" + expiryDate + ";";

Dokumen. objek cookie mendukung pengaturan usia maksimum cookie, atau Max-Age, yang menyatakan berapa lama cookie harus tersedia sebelum kedaluwarsa. Meskipun tidak didukung oleh setiap browser, ini memudahkan Anda membuat cookie yang kedaluwarsa tergantung kapan pengguna memulai pembuatan cookie

const expiryDate= 24 * 60 * 60 * 2;
document.cookie = "[email protected]; max-age=" + expiryDate + ";";

Ini akan membuat cookie yang kedaluwarsa setelah dua hari.  

» LAINNYA.   Sortir JavaScript. Panduan Cara Penggunaan

Memperbarui dan Menghapus Cookie

Tidak ada fungsi yang digunakan untuk memperbarui atau menghapus cookie. Sebagai gantinya, Anda membuat perubahan pada "document. kue”.

Anda dapat memperbarui cookie dengan cara yang sama seperti saat Anda membuatnya

document.cookie = "[email protected];"

Ini mengubah nilai "email" dari "user@email. com” menjadi “pengguna@email. aplikasi"

Menghapus cookie menggunakan pendekatan serupa. Yang harus Anda lakukan adalah menggunakan sintaks yang sama seperti yang digunakan untuk membuat atau memperbarui cookie, tetapi hapus nilai yang ditetapkan ke cookie

Authentication=AUTHENTICATION_KEY

Anda harus menentukan jalur untuk memastikan bahwa Anda menghapus cookie yang tepat

Jenis Cookie

Frambos. Cokelat Keping. Berbuat curang. Tidak, bukan jenis cookie itu. Di browser, ada tiga jenis cookie utama. sesi, pihak ketiga dan gigih

Karma Karma memasuki hidup saya saat saya sangat membutuhkannya dan dengan cepat membantu saya mencocokkan bootcamp. Dua bulan setelah lulus, saya menemukan pekerjaan impian saya yang sesuai dengan nilai dan tujuan hidup saya. "

Venus, Insinyur Perangkat Lunak di Rockbot

Cookie sesi adalah cookie yang ada hingga browser ditutup. Ini adalah cookie yang disetel tanpa tanggal kedaluwarsa, seperti yang ada di contoh pertama kami. Perlu dicatat bahwa beberapa pengembang menggunakan istilah "cookie sesi" untuk merujuk ke cookie apa pun yang mengautentikasi pengguna, tetapi cookie sesi bukan satu-satunya cookie yang dapat Anda gunakan untuk autentikasi

Persistent cookie adalah cookie yang tetap ada meskipun browser telah ditutup. Ini adalah cookie dengan tanggal kedaluwarsa yang ditetapkan

Cookie pihak ketiga adalah cookie yang dibuat oleh situs web lain. Contohnya adalah cookie Google Analytics. Jika Anda menginstal Google Analytics di situs Anda, ekstensi akan dapat menyetel cookie untuk melacak pengguna

Kesimpulan

Cookie adalah cara praktis untuk menyimpan informasi pengguna di browser. Mereka sering digunakan untuk melacak apakah pengguna pernah mengunjungi situs sebelumnya dan untuk menyimpan cookie autentikasi

» LAINNYA.   JavaScript localStorage. Panduan

Ada tiga jenis cookie utama. sesi, gigih dan pihak ketiga. Untuk aplikasi Anda sendiri, Anda terutama akan berfokus pada penggunaan cookie sesi dan persisten

Tentang kami. Karma Karir adalah platform yang dirancang untuk membantu pencari kerja menemukan, meneliti, dan terhubung dengan program pelatihan kerja untuk memajukan karier mereka. Pelajari tentang publikasi CK

Apa tujuan cookie?

Apa jenis cookie di JavaScript?

Apa itu cookie dalam bahasa scripting?

Bagaimana cara membaca cookie di JavaScript?