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=user@email.com"; console.log(document.cookie);
Kode ini membuat cookie dengan nama "email" dan nilai "user@email. com. ” Pernyataan Authentication=AUTHENTICATION_KEY_1 kami mengembalikan yang berikut
email=user@email.com;
Anda juga dapat menentukan jalur di mana cookie tersedia
document.cookie = "email=user@email.com; 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=user@email.com; 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=user@email.com; 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=user@email.com; 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=user@email.app;"
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_0
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
Find Your Bootcamp MatchCookie 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