Full Stack ระบบ Register/Login ด้วย Nodejs, MySQL, JWT, React | หมีไลฟ์โค้ด EP.26 โดย อ.พี่หมี
HTML-код
- Опубликовано: 25 июл 2024
- Live Code ก้าวแรกสู่การเป็น Full Stack Developer พัฒนาระบบลงทะเบียนและเข้าสู่ระบบ (Register/Login) โดยในส่วนของหลังบ้าน (Back-end) มีการพัฒนา API ด้วย Nodejs (Express) เชื่อมต่อฐานข้อมูล MySQL และใช้ JWT ในการยืนยันตัวตน ในส่วนของหน้าบ้าน (Front-end) พัฒนาโดย React clip ยาวนิดนึง ละเอียดยิบแบบจับมือทำ 😄
สนับสนุนช่อง:
/ @melivecode
พื้นที่โฆษณา
link สำหรับซื้อของใน shopee: shope.ee/30HCTjoOEV
00:00:00 เริ่มต้น
00:00:40 ติดตั้ง Software ที่จำเป็น
00:01:28 สร้างฐานข้อมูลและตารางใน MySQL
00:03:30 พัฒนา API ด้วย Nodejs (Express) และ JWT
00:37:47 พัฒนา Front-end ด้วย React (เรียก API)
อ.ผศ.ดร.กานต์ ยงศิริวิทย์
วิทยาลัยนวัตกรรมดิจิทัลเทคโนโลยี มหาวิทยาลัยรังสิต (it.rsu.ac.th/th/)
Follow Me
RUclips: @melivecode
Facebook Page : / melivecodepage
Medium: / karnyong
Free API : www.melivecode.com/
Facebook : / karnyong
Instagram: / melivecode
Email : karn.y@rsu.ac.th
Music by Lesfm from Pixabay
#melivecode #react #login #fullstack
ไม่มีการเตรียมไดๆ Error ก็แก้ให้ดู ลืมก็เปิด Google ผมชอบมากครับ ขอบคุณมากครับ
ขอบคุณมากครับครู อธิบายเข้าใจง่าย เป็นขั้นเป็นตอนมากครับ ละเอียดมาก เป็นกำลังใจให้ผลิต content ออกมาอีกนะครับ ติดตามอยู่นะครับ
ขอบคุณครับ เป็นกำลังใจให้อาจาร ทำคลิปดีๆมาเรื่อยๆนะครับ กำลังเรียน stackนี้พอดีเลย
ขอบคุณคร้าบ
ขอบคุณมากครับอาจารย์ สอนเข้าใจง่ายมาก
ขอขอบพระคุณอาจารย์ที่ สละเวลาเผยแพร่ความรู้ดีๆสู่สังคมไอทีประเทศไทยนะครับ
คลิปดีมากเลยครับ เข้าใจง่ายสุดๆทำคลิปสอนออกมาอีกเยอะๆนะครับบบ
อยากให้อ.สอนอีกเยอะๆ เลยค่ะ สาย flutter ต้องทำทั้งหน้าบ้านหลังบ้านเลยค่ะ Project จบ ขอบพระคุณค่ะ
ถ้าต้องการจะตรวจสอบ token (ตรวจว่าlogin หรือยัง) จากทุกๆหน้า ใน app ควรเขียนแบบไหนหรือใช้ library อะไรช่วยครับ ขอบคุณครับ
ขอบคุณนะครับอาจารย์~~~~
ขอบคุณคับ
ขอบคุณมากครับสอนเข้าใจ มีประโยชน์มากๆครับ
ขอบคุณมากครับ ยินดีมากครับ 😄
ใช้กับ react-native ได้มั้ยครับ
ขอบคุณมากครับ
ยินดีคร้าบ
ขอบคุณครับ
ยินดีคร้าบ
สอนเป็น Step ดีครับ
ขอบคุณคร้าบ
อาจารย์ช่วยสอบทำระบบ profile , userupdate ด้วย Nodejs, MySQL, JWT, React ต่อจากคลิปนี้ด้วยได้ไหมคะ
รอดูคลิปถัดๆ ไปนะครับ 😃
@@melivecode ขอบคุณมากค่ะอาจารย์ 🙏🏻
ขอบคุณครับอาจารย์ ผมขอสอบถามเพิ่มในเรื่องของการต่ออายุของ token ครับเช่นถ้าเรากำหนดระยะเวลาไว้ที่ 1 ชั่วโมงถ้าหมดจะต้อง login ใหม่แต่ถ้ายูสเรายังใช้ระบบอยู่ในช่วงเวลานั้นเราสามารถเพิ่มท่าของการต่ออายุ Token โดยที่เราไม่ login แต่เป็นการต่อ เราพอจะทำท่าไหนได้บ้างครับ
สามารถทำได้คือใส่ในหลังบ้านให้ refresh token ครับ พอจะมีตัวอย่างอยู่นะครับ ตามนี้ครับ www.izertis.com/en/-/refresh-token-with-jwt-authentication-in-node-js
อ. มีวิธี verify token ใน database ของเราเองไหมครับ?
อาจจะเสริมเป็นการเก็บ token ใน db ด้วย ก็เช็คได้ครับว่า token ตรงกับที่ส่งมาจาก client รึเปล่าครับ
ทำให้ผู้ใช้ใส่รูปหรือถ่ายได้ยังไงคะ
อาจารย์มีสอนอัพไฟล์ react ขึ้น host ด้วยไหมครับ
ผมลองอัพแล้วไม่แสดงผลครับ
หมายถึงขึ้น host ที่ตั้งเองรึเปล่าครับ รอคลิปหน้าๆ นะครับ
@@melivecode ขอบคุณครับอาจารย์
1:49 ไม่มีปุ่ม Admin ใน Mac ต้องกดยังไงนะคับ
สร้างเมนูแบบ multi level โดยดึงข้อมูลจาก mysql ได้มั้ยครับ😊
ได้ครับ รอดูตัวอย่างในคลิปถัดๆ ไปนะครับ
อารารย์ ลืมสอนเรื่อง validate ครับบ
Validate ส่วนใหนครับ เผื่อจะเสริมใน clip ถัดไปครับ
@@melivecode login and register ครับอาจารย์
มีคอร์ดออนไลน์ไหมครับพี่
ยังไม่มีเลยครับ ตามใน youtube หรือ เพจ ไปก่อนนะครับ
ผมไม่น่าไปเรียน คอร์ส20,000 มาเลยครับ ของอาจารย์ รู้เรื่องกว่าเยอะ 🤣🤣
ขอบคุณมากครับ
ถึงขั้นตอนการเข้า Login แล้วขึ้นแบบนี้เพราะอะไรหรอครับ อจ. react_devtools_backend.js:4026 Error: SyntaxError: Unexpected token < in JSON at position 0 ขอบคุณครับ
ขอบคุณครับ
ยินดีคร้าบ