ใช้แค่ HTML, CSS, JavaScript และ API ทำหน้าเว็บ Login | หมีไลฟ์โค้ด EP.06 โดย อ.พี่หมี

จากบทความของผมใน medium นะครับ / ใช้แค่-html-css-javasc...
บทความนี้จะเป็นพื้นฐานเป็นการสร้างหน้า Login โดยใช้แค่ HTML, CSS และ JavaScript บนพื้นฐานของ Bootstrap 5 โดยใช้วิธีการ Login ผ่านการเรียกใช้ API ที่เป็นตัวจำลองขึ้นมาจาก www.melivecode... ครับ
สนับสนุนช่อง:
/ @melivecode
พื้นที่โฆษณา
link สำหรับซื้อของใน shopee: shope.ee/30HCT...
อ.ผศ.ดร.กานต์ ยงศิริวิทย์
วิทยาลัยนวัตกรรมดิจิทัลเทคโนโลยี มหาวิทยาลัยรังสิต (it.rsu.ac.th/th/)
Follow Me
RUclips: ‪@melivecode‬
Facebook Page : / melivecodepage
Medium: / karnyong
Free API : www.melivecode...
Facebook : / karnyong
Instagram: / melivecode
Email : [e-mail]
Music by Lesfm from Pixabay
#melivecode #html #javascript #login

[@ego4066]

อาจารย์ครับ ทำไมตรงเช็ค if(this.readyState == 4) {
const objects = JASON.parse(this.responseText);
console.log(objects);
}
ทำไมถึงเท่ากับ == 4

[@Surasilpa]

สอนเข้าใจง่ายครับ ขอบคุณครับอาจารย์

[@melivecode]

ขอบคุณมากครับ

[@Phomphat]

สุดยอดครับอาจารย์ อยากให้สอนเป็น ทำหน้าเว็บ Login api ด้วย vue3 composition api บ้างครับ

[@Unknow_people_Hacker]

อาจารย์ครับตอนทำ login.js ของผมขึ้น uncaught ต้องทำแก้ยังไงครับ

[@PhoKhamLuang]

ขอบคุณมากๆ เลยครับผม

[@veeravitveeravit6152]

ตอนนี้ web ที่ใช้ proof authen ไปเปิดอยากให้สอนการใช้ local user ในการ proof ว่า api ส่งหากันได้แล้วพอแนะนำได้ไหมครับ

[@user-hz7es2fu4v]

ผมก็ทำงานอยู่ที่มหาวิทยาลัยรังสิตครับ

[@user-yi8vn9ys5n]

มีเปิดสอนไหมครับ อยากว่าการสร้าง sql server + api

[@user-ct9gp4ir8p]

อาจารเก่งมากครับ

[@melivecode]

ขอบคุณนะครับ 😄

[@thanonhari9643]

ขอบคุณมากครับ อาจารย์

[@melivecode]

ยินดีคร้าบ

[@jirayusthanonchaikul9797]

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

[@melivecode]

ควรจะมีการ verify token จากฝั่ง server ครับ และให้มีการ expire ของตัว token เผื่อทาง user ถูก hack ที่เครื่องแล้วได้ token ไปครับ

[@jirayusthanonchaikul9797]

@@melivecode ขอบคุณครับ เดี่ยวผมจะลองดูครับ

[@KitsanaKongsueb]

อาจารย์ครับผม คำขอที่ส่งไปยังเซิร์ฟเวอร์ถูกปฎิเธอ ต้องทำอย่างไรครับ

[@melivecode]

url เปลี่ยนไปครับ จาก mecallapi เป็น melivecode

[@saengdueankhotloon162]

อาจารย์คะ ในกรณี Objectซ้อนกัน แล้วเอาตัวใดก็ได้เป็น username กับ pass จะทำยังไงคะ

[@melivecode]

ซ้อนกันยังไงครับ มีตัวอย่างมั้ยครับ 😅

[@user-kt5me1ie8o]

ใส่รหัสผิดไมขึ้นเตือนอะไรเลย

[@armeiei4423]

ตรงที่ใช่ return login() ในlogin.html ของอาจารย์ทำไมไม่ขึ้นแจ้งเตือนอะคับ

[@melivecode]

แต่ก่อนอาจจะไม่แจ้งเตือน แต่ตอนนี้แจ้งเตือนแล้วมั้งครับ 😅

[@user-hz7es2fu4v]

Fcครับ

[@gumzhlayman5506]

สุดยอดครับ อจ

[@melivecode]

ขอบคุณครับ

[@somxaiNgakhamphithoun]

อาจารย์ครับ สอนส้าง login API PHP ด้วย🙏🙏🙏

[@melivecode]

รอดู clip ถัดไปนะครับ 😄

[@user-bh6dh5yz9j]

อาจารย์ครับ อันนี้สามารถ จัดการ user group ได้มั้ยครับ

[@MrHR-uo5eg]

อาจารย์ถ้าไม่ปรากฏHello worldต้องทำอย่างไรครับ

[@karnnapatkamol1145]

ต้องไปติดตั้งbootstrap5 ในvisual codeก่อนครับ