Web Apps Login & บันทึก Session Storage

 

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 เสียก่อน

การใช้ Session Storage

      1. บันทึกข้อมูลไปยังที่เก็บข้อมูลเซสชัน
          sessionStorage.setItem("key", "value");

      2. อ่านข้อมูลจากที่เก็บข้อมูลเซสชัน
          sessionStorage.getItem("key");

      3. ลบข้อมูลออกจากที่เก็บข้อมูลเซสชัน
          sessionStorage.removeItem("key");

      4. ลบทั้งหมด (ล้างพื้นที่เก็บข้อมูลเซสชัน)
          sessionStorage.clear();

ตัวอย่างการสร้าง Web Apps Login บันทึกลง Session Storage เมื่อเข้าสู่ระบบ


1. สร้าง google sheets 


2. เปิดส่วนขยาย สร้าง Apps Script  เขียนโค้ดใน code.gs

3. สร้างไฟล์ index.html ดาวน์โหลดไฟล์

4. สร้างไฟล์ ่ js.html







ที่มาครูสมชายคัดมาจาก : {getButton} $text={อ้างอิงที่มา} $icon={link} $color={red} 
>>>TRY TO CHECK OUT , IF ANY ERROR FOUND. PLEASE LET ME KNOW BY COMMENT.
I'LL TRY MY LEVEL BEST TO FIX THE PROBLEM.
                                                                THANKS FOR VISITING thumariya.blogspot
Have a nice day!
-------------------------- -------------------------
>>>ลองตรวจสอบหากพบข้อผิดพลาด โปรดแจ้งให้เราทราบโดยแสดงความคิดเห็น
ฉันจะพยายามระดับของฉันให้ดีที่สุดเพื่อแก้ไขปัญหา
ขอบคุณสำหรับการเยี่ยมชม thumariya.blogspot
ขอให้เป็นวันที่ดี!

-------------------------- -------------------------

{fullWidth}

แสดงความคิดเห็น (0)
ใหม่กว่า เก่ากว่า