node websocket Chatroom

ห้องสนทนาผ่านเว็บแชท

ห้องสนทนา WebChat เป็นเครื่องมือห้องสนทนาบนเว็บที่สร้างขึ้นโดยใช้โมดูล nodejs+express+socket.io ส่วนหน้าใช้ Vue เป็นเฟรมเวิร์กส่วนหน้า เซิร์ฟเวอร์ใช้ express เพื่อสร้างบริการบนเว็บ ใช้ socket.io เพื่อสร้างบริการซ็อกเก็ตฝั่งเซิร์ฟเวอร์ และใช้ฟังก์ชันแชทพื้นฐานบางอย่าง

การแนะนำฟังก์ชัน

[✔] รองรับการส่งอิโมติคอน

[✔] แป้นพิมพ์สนับสนุนกด Enter เพื่อส่งข้อความ

[✔] รองรับสถิติผู้ใช้ออนไลน์และรายชื่อผู้ใช้

[✔] รองรับการค้นหาผู้ใช้ออนไลน์

[✔] รองรับการแชทส่วนตัวสำหรับผู้ใช้ออนไลน์

[✔] รองรับข้อความเสียงแจ้งเตือน

[✔] รองรับการตั้งค่าการแสดงข้อความ

[✔] แสดงจำนวนข้อความที่ยังไม่ได้อ่าน

[✔] รองรับการส่งรูปภาพที่มีขนาดเล็กกว่า 1M

[✔] รองรับเทอร์มินัลมือถือ

เว็บไซต์เทคโนโลยีที่เกี่ยวข้อง

เอกสารอย่างเป็นทางการของ Vue

เอกสารอย่างเป็นทางการของ Socket.io

คู่มือการใช้งาน

1. ดาวน์โหลดโค้ดและติดตั้ง nodejs
2. ใช้ npm install เพื่อติดตั้งโมดูลที่ขึ้นอยู่กับโปรเจ็กต์
3. ใช้ npm run serve เพื่อเริ่มบริการการพัฒนา
4. ใช้ npm run prod เพื่อเริ่มบริการเบื้องหลัง
5. สุดท้ายเปิดเบราว์เซอร์และไปที่ http://localhost:8080
6. หลังจากการพัฒนาเสร็จสิ้น ให้ทำแพ็กเกจโค้ดส่วนหน้า npm run build

ภาพหน้าจอตัวอย่างโครงการ