มาลองทำ Login ด้วย Authentication แต่ละแบบกัน

☕️ สนับสนุนช่องเราด้วยการสมัครสมาชิกช่องทางนี้ได้เลย
   / @mikelopster  

ลองไมค์สัปดาห์นี้ เราจะพามาทำ Authentication กับการ Login กัน ว่ามีกี่วิธีที่สามารถทำได้ และสามารถทำได้ยังไงกันบ้าง ซึ่งจะพาทำกันตั้งแต่ฝั่งของ API Backend จนถึงลองใช้งานกันที่ฝั่ง Frontend กันครับ

ใน Session นี้เราจะพาลองกัน 3 วิธีคือ
1. Login ผ่านการส่ง Token ให้ Frontend จัดการ
2. Login ผ่าน cookie
3. Login ผ่าน session

แต่ละวิธี implement ประมาณไหน และมีไอเดียการ implement อย่างไรบ้าง ติดตามกันในคลิปนี้ได้เลย

หัวข้อ
00:00 intro ว่าหัวข้อนี้เกี่ยวกับอะไร
03:10 เราจะทำ API อะไรบ้างใน session นี้ / พาสร้าง table
04:07 API Register สำหรับเก็บ email, password
10:33 API Login สำหรับเช็ค email, password (แบบเข้ารหัส)
17:14 วิธีที่ 1 Frontend token - เริ่มทำ JWT Token
22:25 วิธีที่ 1 Frontend token - ทดสอบ check JWT Token (ผ่าน Header)
28:09 วิธีที่ 1 Frontend token - recheck user มีอยู่ในระบบ
29:58 สร้างหน้า Frontend สำหรับ Login
31:11 เพิ่ม function login สำหรับส่งผ่าน API Login
34:36 วิธีที่ 1 Frontend token - เพิ่มเก็บ token ที่ localstorage / ใช้ token ผ่าน header
38:31 วิธีที่ 2 Cookie - เปลี่ยน code จาก return token เป็นเก็บผ่าน cookie แทน
41:27 วิธีที่ 2 Cookie - เปลี่ยน code ฝั่ง Frontend (axios) ให้ใช้ cookie
43:18 วิธีที่ 3 Session - เปลี่ยน code ฝั่ง Backend ใช้ Session ทั้งหมดแทน
47:42 ข้อดี / ข้อเสียของทั้ง 3 วิธี

อ่านเพิ่มเติมได้ที่
https://mikelopster.dev/posts/auth-ex...

ใครมีข้อสงสัยเพิ่มเติม มาพูดคุยแลกเปลี่ยนความรู้กันได้ที่
Facebook page:   / mikelopster.dev   กันได้เลย

Enjoy ครับ 😘

พิกัดของด้านหลัง : https://shope.ee/8A54c8cfkf