โครงการ UOL แชท
โครงการที่นำมาใช้เป็นการแชทแบบเรียลไทม์ ซึ่งได้รับแรงบันดาลใจจาก UOL Chat ช่วยให้ผู้ใช้สามารถเข้าห้องสนทนา ส่งและรับข้อความ และดูข้อความก่อนหน้าที่มีการแลกเปลี่ยนกันในห้องได้ มันใช้เทคโนโลยี JavaScript ล้วนๆ และไม่ใช้ไลบรารีหรือภาษาอื่นที่คอมไพล์เป็น JavaScript นอกจากนี้ยังใช้ Chat UOL API เพื่อรักษาการเชื่อมต่อของผู้ใช้และใช้ฟังก์ชันบางอย่าง
หากต้องการทดสอบการทำงานของโครงการ ให้เข้าไปที่ลิงก์นี้: https://projeto5-batepapouol-navy.vercel.app/
เกี่ยวกับ
โครงการนี้ได้รับแรงบันดาลใจจากความจำเป็นในการพัฒนาทักษะ JavaScript อย่างแท้จริง และสำรวจการพัฒนาการแชทแบบเรียลไทม์ โครงการใช้คุณสมบัติดังต่อไปนี้:
- การเข้าห้อง: เมื่อผู้ใช้เข้าถึงเพจ พวกเขาจะถูกขอให้ป้อนชื่อ จากนั้นชื่อจะถูกส่งไปยังเซิร์ฟเวอร์เพื่อลงทะเบียนผู้ใช้ หากเซิร์ฟเวอร์ตอบสนองสำเร็จ ผู้ใช้สามารถเข้าร่วมห้องได้ มิฉะนั้นเขาจะต้องเลือกชื่ออื่น
- การส่งข้อความ: ผู้ใช้สามารถส่งข้อความไปยังห้องสนทนาได้ เมื่อเซิร์ฟเวอร์ตอบสนองสำเร็จ ข้อความห้องสนทนาจะได้รับการอัปเดตและข้อความใหม่จะปรากฏขึ้น
- มุมมองข้อความ: แชทจะแสดงข้อความที่ผ่านมาจากห้องสนทนาตลอดจนข้อความที่ส่งใหม่ ข้อความมีสามประเภท: ข้อความปกติ ข้อความที่จองไว้ และข้อความสถานะ (เช่น "เข้าร่วม" หรือ "ออกจากห้อง") ข้อความแต่ละประเภทมีพื้นหลังที่แตกต่างกัน และข้อความที่สงวนไว้จะแสดงเฉพาะในกรณีที่ผู้ส่งหรือผู้รับเป็นคนเดียวกันกับผู้ใช้
- อัปเดตอัตโนมัติ: ห้องสนทนาจะอัปเดตทุก ๆ สามวินาทีเพื่อให้ผู้ใช้ได้รับข้อความล่าสุดอยู่เสมอ
- รักษาการเชื่อมต่อ: เซิร์ฟเวอร์ต้องรู้ว่าผู้ใช้ยังออนไลน์อยู่ ด้วยเหตุนี้ ทุก 5 วินาที ระบบจะต้องส่งคำขอ POST ไปยัง Chat UOL API เพื่อแจ้งให้ทราบว่าผู้ใช้มีสถานะใช้งานอยู่
- ค้นหาข้อความ: ผู้ใช้สามารถค้นหาข้อความก่อนหน้าในห้องสนทนาได้
เทคโนโลยี
วิธีการดำเนินโครงการ
- โคลนพื้นที่เก็บข้อมูลไปยังเครื่องภายในของคุณ
- เปิดไฟล์ index.html ในเว็บเบราว์เซอร์
- กรอกชื่อของคุณและคลิก "เข้าร่วมห้อง"
- ส่งและรับข้อความในห้องสนทนา
วิธีการมีส่วนร่วม
ยินดีต้อนรับเสมอ! หากคุณพบข้อบกพร่องหรือมีข้อเสนอแนะสำหรับคุณสมบัติใหม่ โปรดอย่าลังเลที่จะเปิดปัญหาหรือดึงคำขอ
เค้าโครงมือถือ
