typescript - วิธีบันทึกตะกร้าใน Angular?

ฉันเป็นมือใหม่ใน Angular และฉันกำลังพยายามสร้างเว็บไซต์อีคอมเมิร์ซแบบง่ายที่ผู้ใช้สามารถเพิ่มสินค้าลงในตะกร้า ดูรายการสินค้า และทำการชำระเงินได้

ดังนั้นฉันมี 3 ส่วนประกอบ ได้แก่ รายการสินค้า, ตะกร้า และการชำระเงิน รวมถึงบริการตะกร้าที่จัดการทุกการทำงานของตะกร้า เช่น การเพิ่มสินค้า การลบสินค้า และการคำนวณยอดรวมของตะกร้า

ฉันสงสัยว่าวิธีแก้ปัญหาที่ดีที่สุดในการบันทึกตะกร้าสินค้าคืออะไรเมื่อผู้ใช้ปิดเบราว์เซอร์แล้วเปิดใหม่ เนื่องจากการสั่งซื้อของผู้ใช้ในตอนแรกจะถูกจัดการแบบไม่ระบุชื่อ ดังนั้นจึงไม่มีการลงทะเบียนใด ๆ

ยังคงเป็นวิธีแก้ปัญหาที่ดีที่สุดที่จะใช้ localstorage และใช้คุกกี้เมื่อมีการลงทะเบียนหรือไม่?

คำตอบ #1

ข้อมูลใด ๆ ที่บันทึกไว้บนเครื่องลูกค้าอาจถูกผู้ใช้เปลี่ยนแปลงหรือลบ ตัวเลือกที่ดีที่สุดคือบันทึกข้อมูลในฐานข้อมูลของบริการเป็นข้อมูลชั่วคราว แล้วเรียกค่ากลับเมื่อแอปเปิดใช้งานอีกครั้งหรือเปิดในเบราว์เซอร์ที่ต่างกัน

localStorage จะเป็นที่ที่ดีกว่า sessionStorage เพราะข้อมูลใน localStorage จะไม่หมดอายุ

บริการข้อมูลรถเข็นตัวอย่างกับ localStorage สาธิต

sessionStorage จะถูกล้างเมื่อสิ้นสุดเซสชันของหน้าเว็บ

เซสชันของหน้าเว็บจะอยู่ได้นานตราบเท่าที่เบราว์เซอร์ยังเปิดอยู่ และยังคงอยู่แม้ว่าจะโหลดหน้าซ้ำหรือกู้คืนหน้าเว็บ

sessionStorage