Phân biệt Session Storage và Local Storage

I. Local Storage

1. Giới thiệu
   • Local Storage lưu trữ dữ liệu vĩnh viễn trên trình duyệt người dùng, chỉ bị xoá bằng javascript hoặc xoá bằng bộ nhớ trình duyệt
   • Dữ liệu sẽ không bị mất khi đóng trình duyệt hoặc đóng tab
   • Local Storage cho phép lưu trữ thông tin lớn lên đến 5MB
   • Không gửi thông tin lên Server giống như Cookie nên tính bảo mật sẽ tốt hơn
2. Cách sử dụng
   • localStorage.setItem(key, value) : đặt giá trị cho một key
   • localStorage.getItem(key) : lấy giá trị dựa trên key
   • localStorage.removeItem(key) : xoá giá trị dựa trên key
   • localStorage.clear() : xoá tất cả giá trị
3. Ưu điểm của Local Storage
   • Dễ dàng sử dụng: Local storage cung cấp một API đơn giản cho việc lưu trữ và truy cập dữ liệu từ trình duyệt một cách dễ dàng
   • Dữ liệu được lưu trữ lâu dài
   • Dữ liệu lưu trữ trong local storage không được gửi đến máy chủ với mỗi yêu cầu, giúp giảm tải cho máy chủ và cải thiện hiệu suất trang web
4. Nhược điểm của Local Storage
   • Tính bảo mật thấp: dữ liệu trong local storage có thể dễ dàng truy cập và thay đổi từ phía client-side, không được bảo vệ bởi các biện pháp bảo mật mạnh mẽ như server-side lưu trữ dữ liệu
   • Dữ liệu lưu trữ trong local storage chỉ có thể truy cập từ trình duyệt mà dữ liệu được lưu trữ, không thể chia sẻ giữa các trình duyệt hoặc thiết bị khác nhau

II. Session Storage

1. Giới thiệu
   • Giống như Local Storage, thì Session Storage cũng dùng để lưu trữ dữ liệu trên trình duyệt người dùng (client)
   • Dữ liệu sẽ chỉ tồn tại trong một tab hoặc cửa sổ trình duyệt. Sẽ bị mất khi đóng tab/trình duyệt
   • Dữ liệu không được gửi lên server
   • Thích hợp cho dạng dữ liệu tạm thời, không cần lưu trữ lâu dài
2. Cách sử dụng
   • sessionStorage.setItem(key, value) : đặt giá trị cho một key
   • sessionStorage.getItem(key) : lấy giá trị dựa trên key
   • sessionStorage.removeItem(key) : xoá giá trị dựa trên key
   • sessionStorage.clear() : xoá tất cả giá trị
3. Ưu điểm của Session Storage
   • Cũng tương tự như local storage, session storage cũng rất dễ dàng sử dụng. Nó cũng cũng cấp một API đơn giản cho việc lưu trữ và truy cập dữ liệu từ trình duyệt một cách dễ dàng
   • Tính bảo mật tương đối: Dữ liệu trong session storage chỉ tồn tại trong phiên làm việc của trình duyệt, nó không được chia sẻ giữa các phiên làm việc khác nhau và không lưu trữ trên máy chủ, giúp giảm nguy cơ bị tấn công từ phía client-side
   • Hiệu suất tốt: do dữ liệu chỉ tồn tại trong một phiên làm việc, không cần gửi dữ liệu lên máy chủ, sẽ giúp cải thiện hiệu suất trang web.
4. Nhược điểm của Session Storage
   • Chỉ lưu trữ dữ liệu tạm thời, không thích hợp cho việc lưu trữ dài hạn
   • Không thể chia sẽ dữ liệu qua lại giữa các tab hoặc các cửa sổ trình duyệt với nhau

Hi vọng với một vài điều chia sẻ này sẽ giúp mọi người có cái nhìn tổng quan về Local Storage và Session Storage