Web Storage
Web Storage คือการเก็บข้อมูลไว้ในเครื่องผู้ใช้แบบง่ายๆ ในรูป Key-Value โดยแยกย่อยได้อีก 2 อย่าง คือ
1. Local Storage จะเก็บข้อมูลไว้ได้นานและมากกว่า cookie หลายเท่า และข้อมูลจะยังคงอยู่แม้ว่าจะปิด browser หรือลบ cookie ไปแล้ว
2. Session Storage เหมือนกับ Local Storage แทบทุกประการ ยกเว้น Session Storage จะถูกลบค่าทิ้งทุกครั้งที่เราปิด Browser
ในการใช้งาน Web Storage นั้น รองรับเฉพาะการเก็บข้อมูลที่เป็น String ดังนั้น หากเราต้องการเก็บ Object ทั้งก้อนลงใน Local Storage หรือ Session Storage ก็ต้องทำการแปลงข้อมูลจาก Object ให้เป็น String เสียก่อน
การใช้ Local Storage และ Session Storage
1. บันทึกข้อมูลไปยังที่เก็บข้อมูลเซสชัน
sessionStorage.setItem("key", "value");
localStorage.setItem("key", "value");
2. อ่านข้อมูลจากที่เก็บข้อมูลเซสชัน
sessionStorage.getItem("key");
localStorage.getItem("key");
3. ลบข้อมูลออกจากที่เก็บข้อมูลเซสชัน
sessionStorage.removeItem("key");
localStorage.removeItem("key");
4. ลบทั้งหมด (ล้างพื้นที่เก็บข้อมูลเซสชัน)
sessionStorage.clear();
localStorage.clear();
ข้อเสีย Web Storage
เนื่องจาก Web Storage เก็บข้อมูลเป็น String ดังนั้นมีโอกาสถูกอ่านข้อมูลได้ง่ายไม่ปลอดภัย จึงไม่นิยมใช้ Web Storage ในการเก็บข้อมูลที่เป็นความลับ
ตัวอย่างการสร้าง Web Apps Login บันทึกลง Session Storage เมื่อเข้าสู่ระบบ
1. สร้าง google sheets
2. เปิดส่วนขยาย สร้าง Apps Script เขียนโค้ดใน code.gs
