Keamanan front-end aman-penyimpanan terenkripsi ls melindungi data

Sampah kecil · Diposting pada4 menit yang lalu

Kebutuhan: Frontend biasanya menyimpan token dalam bentuk plaintext di localStorage browser atau menyimpan beberapa cache konfigurasi di frontend. Menggunakan penyimpanan plaintext dapat dengan mudah menyebabkan kebocoran atau modifikasi palsu. Bagaimana frontend dapat menyimpan data ini dengan aman?

secure-ls

Menggunakan teknologi enkripsi dan kompresi data canggih untuk melindungi penyimpanan lokal/penyimpanan sesi.

Fitur

Data kelinci dilindungi menggunakan berbagai jenis enkripsi (termasuk AES, DES, dan lainnya). RC4 (default adalah pengkodean Base64).
Kompres lokalStorage sebelum menyimpan data untuk menghemat byte ekstra (default adalah true).
Menyediakan enkapsulasi localStorage canggih untuk API dan menyediakan utilitas dasar lainnya.
Simpan data dalam beberapa kunci di localStorage, dan secure-ls selalu mengingat waktu pembuatannya.

Sumber:Login hyperlink terlihat.
Dokumentasi:Login hyperlink terlihat.
Demo Online:Login hyperlink terlihat.

Seperti yang ditunjukkan di bawah ini:

Tes konsol

Gunakan langsung konsol browser untuk memuat JS untuk pengujian. Kodenya adalah sebagai berikut:

Login terlihat.

Seperti yang ditunjukkan di bawah ini:

(Akhir)

Sampah kecil · Diposting pada7 detik yang lalu

removeAll() dan clear() adalah metode yang digunakan untuk membersihkan data yang tersimpan, namun cakupan dan perilakunya berbeda. Berikut adalah perbedaan antara keduanya:

ls.removeAll()

Scope: Metode removeAll() secara khusus digunakan untuk menghapus semua pasangan key-value yang dibuat oleh pustaka secure-ls, termasuk meta key.
Spesifik pustaka: Metode ini unik untuk pustaka secure-ls dan hanya memengaruhi data yang dikelola oleh pustaka tersebut.
Kasus penggunaan: Metode ini dapat digunakan ketika Anda hanya ingin menghapus data yang dikelola oleh secure-ls tanpa memengaruhi data lain yang mungkin disimpan di localStorage.

ls.clear()

Lingkup: Metode ls.clear() menghapus semua data yang disimpan melalui localStorage di bawah domain saat ini, bukan hanya data yang dibuat oleh secure-ls.
Global Erase: Metode ini tidak hanya menghapus data secure-ls, tetapi juga semua data lain yang disimpan melalui API localStorage.
Sensitif protokol: Perlu dicatat bahwa localStorage berbasis asal, artinya data di bawah HTTP dan HTTPS disimpan secara terpisah. Oleh karena itu, jika Anda menggunakan HTTP di satu halaman dan HTTPS di halaman lain, data localStorage mereka akan berbeda. ls.clear() hanya akan menghapus data di bawah protokol saat ini.

ringkasan

Kalau kamu...Jika Anda hanya ingin menghapus data yang dikelola oleh pustaka secure-ls, gunakan ls.removeAll()。
Jika Anda perlu menghapus semua data localStorage di bawah domain saat ini, terlepas dari pustaka atau potongan kode mana yang membuat data ini, gunakan ls.clear().

[Lainnya] Keamanan front-end aman-penyimpanan terenkripsi ls melindungi data

Pos terkait