Tôi không biết xác thực nó là cái gì mà làm cho bao nhiêu developer phát cuồng và lưu trữ session information trong local storage, nhưng dù gì đi nữa: việc này phải ngừng lại. Mọi thứ đang dần ngoài tầm kiểm soát.

Bạn Đang Xem: Local storage là gì? Xin hãy ngừng dùng local storage.

Gần như ngày nào tôi cũng tình cờ thấy một website mới chứa thông tin nhạy cảm của user trong local storage và tôi cảm thấy rất bối rối khi có quá nhiều developer đang dần gửi gắm hết lên đó.

Hãy cùng ngồi lại, nói về local storage và vì sao bạn nên ngừng sử dụng nó đi.

Local Storage là gì?

Có nhẽ với một số người cũng không biết local storage là gì nữa. Hãy xuất phát từ cái cơ bản: local storage là một feature mới của HTML5 được cho phép bạn lưu trữ bất kì info nào bạn muốn trong browser dùng JavaScript. Nó rất là đơn giản.

Thực tế thì local storage chỉ là một object JavaScript bự và cũ kĩ được cho phép bạn attach data (hoặc remove cũng được). Đây là một ví dụ của một vài JavaScript code lưu trữ một vài thông tin member trong local storage:

// Chúng ta cũng có thể store local storage sử dụng syntax localStorage.userName = “TopDev”; localStorage.setItem(“favoriteColor”, “Red”); // Một khi tài liệu ở trong Local Storage, nó sẽ ở đó mãi mãi cho tới khi nó được // explicitly removed alert(localStorage.userName + ” Thích màu ” + localStorage.favoriteColor + “.”);

Xem Thêm : Tỉnh Lộ trong Tiếng Anh là gì: Định Nghĩa, Ví Dụ Anh Việt

Nếu khách hàng chạy code JavaScript này trong browser trên trang HTML test, các bạn sẽ test phrase “TopDev thích red color” trong alert message. Nếu khách hàng sử dụng các tool developer của mình, các bạn sẽ thấy cả hai biến userName và favoriteColor đều được lưu trữ trong local storage trong browser.

Có thể các bạn sẽ thắc mắc liệu có có cách nào data bạn lưu trữ một lúc nào đó tự động hóa xóa và bạn không nhất thiết phải xóa từng cái thủ công mỗi biến đổi bạn để vào không. May mắn thay HTML5 working group thêm sessionStorage vào HTML5 hoạt động đúng y như local storage trừ một điểm là tất cả data lưu trữ sẽ tự động hóa xóa đi khi user đóng tab browser lại.

Có thể bạn quan tâm:

• Vì sao không nên lưu trữ data user trên Local Storage?
• Dùng gì để lưu trữ data thay thế local storage?
• Session là gì

Local Storage có gì quá lạ lẫm?

Sau lúc hiểu về local storage, tất cả chúng ta sẽ bàn về những gì đặc sắc của nó. Mặc dù nội dung bài viết này nhằm mục tiêu thuyết phục bạn từ bỏ local storage, tôi vẫn thừa nhận là nó cũng luôn tồn tại vài điểm thú vị.

Trước nhất: nó là JavaScript thuần! Một trong những thứ gây ức chế nhất về cookies (đặc trưng khác của local storage) đó là nó cần được tạo bởi web server. Nếu khách hàng đang build một static site (ví dụ như một app đơn trang), việc dùng local storage đồng tức thị các web page của chúng ta có thể chạy độc lập với bất kì web server nào. Chúng không cần tiếng nói backend hay logic nào để lưu data trong browser: chúng có thể làm nếu muốn.

Đây là một concept táo tợn và là một trong những lí do chính mà local storage trở thành hot như vậy trong giới lập trình.

Xem Thêm : Dấu hiệu thường gặp ở những người mắc hội chứng turner

Một thứ khác tuyệt vời về local storage đó là nó không có nhiều size constraint như cookies. Local storage cung cấp ít nhất 5MB data storage qua tất cả những web browser, hơn nhiều so với cookie (maximum 4KB).

Chính điều này làm cho local storage trở thành hữu ích nếu khách hàng cache một số app data trong browser để dùng sau. Vì 4kB là không nhiều, local storage là một trong những option thay thế duy nhất.

Local Storage có gì không tốt

Tất cả chúng ta đã nói về những cái tốt, hiện nay sẽ chuyển sang cái xấu.

Local storage cực kì basic, API rất đơn giản. Tôi cảm thấy hồ hết các developer không sở hữu và nhận ra nó basic cỡ nào:

• Nó chỉ có thể lưu trữ string data. Nó trở thành vô dụng cho việc lưu trữ các loại data phức tạp hơn cho dù chỉ một tẹo. Và vững chắc rằng, chúng ta có thể nhận ra mọi thứ gồm có các loại data trong local storage, nhưng là một các hack khác ugly.
• Nó có đồng bộ. Đồng nghĩa rằng với mỗi local storage operation bạn chạy sẽ chỉ được một lần một lúc.
• Các web worker không thể dùng nó. Nó có nghĩa rằng nếu khách hàng muốn build một app tận dụng background process để tăng hiệu suất, các chrome extension, những thứ như: bạn không thể dùng local storage vì nó không có sẵn cho những web server.
• Nó vẫn giới hạn size của data chúng ta có thể lưu trữ (khoảng chừng 5MB qua các browser). Đây là một khoảng chừng khá hạn hẹp cho những người dân build app mà có lượng data lớn hoặc cần phải function offline.
• Bất kì JavaScript code trên trang của chúng ta có thể truy cập vào local storage: nó không có cái gì để bảo về data. Một điểm trừ quá rộng về tính chất bảo mật thông tin.

Nói tóm lại, chỉ có duy nhất một trường hợp mà bạn cần phải dùng local storage: khi bạn cần phải các info có sẵn mà không thực sự nhạy cảm, không cần dùng cho những app thượng hạng, không thực sự 5MB, và chỉ chưa string data. Phần 2 sẽ đi sâu vào các phân tích bảo mật thông tin và trả lời cho thắc mắc: Vì sao Local Storage không an toàn và bạn không nên dùng nó để lưu trữ data nhạy cảm?

1 phút quảng cáo: TopDev đang sẵn có nhiều doanh nghiệp quốc tế tuyển JS, Php để đánh global. Bằng hữu ra biển lớn thì đừng ngại xem qua nhé. Link tại đây: https://topdev.vn/viec-lam-it