Spice Chat เป็นแอปพลิเคชั่นแชทส่วนตัวที่สร้างเซิร์ฟเวอร์ HTTP และใช้ Socket.io
CS411 Project 2 - แชทแซ่บ | โครงสร้างโปรเจ็กต์แอปพลิเคชันแชทส่วนตัวด้วยข้อความโต้ตอบแบบทันที: โปรเจ็กต์นี้ใช้กับ Socket.io, Node.js และ Vue.js สำหรับส่วนหลังและส่วนหน้าจะแยกเป็นส่วนหลังและ src
การเตรียมการ ตรวจสอบให้แน่ใจว่าคุณได้ติดตั้ง node.js และ npm ในคอมพิวเตอร์ของคุณแล้ว โปรเจ็กต์ใช้ socket.io โดยตรง ดังนั้นจึงไม่จำเป็นต้องติดตั้งใดๆ
การรันโค้ด ไปที่ไดเร็กทอรีโครงการหลังจากการโคลน จากนั้น เปิดเทอร์มินัลที่ไดเร็กทอรี 'spicy-chat/' และเรียกใช้คำสั่ง "npm run server" สำหรับฟรอนต์เอนด์ จากนั้น เปิดเทอร์มินัลใหม่โดยไม่ต้องปิดเทอร์มินัลก่อนหน้าที่ไดเร็กทอรี 'spicy-chat/backend' และเรียกใช้คำสั่ง "npm run start" สำหรับแบ็กเอนด์ จากนั้นเปิดเบราว์เซอร์แล้วไปที่ "localhost:8080" ในเวลาเดียวกัน ให้เปิดแท็บไม่ระบุตัวตนของเบราว์เซอร์ (หรือเบราว์เซอร์อื่น) และอีกครั้ง ไปที่ "localhost:8080"
ป้อนชื่อผู้ใช้ที่แตกต่างกันสำหรับทั้งแท็บและแอปพลิเคชันเข้าสู่ระบบ หากคุณต้องการรีเซ็ตเซสชัน ให้ F12->แอปพลิเคชัน->ที่เก็บข้อมูลในเครื่อง->ลบ sessionID และรีเฟรชเพจ หลังจากนั้นคุณสามารถเข้าสู่ระบบด้วยชื่อผู้ใช้อื่นได้ หากต้องการทดสอบการส่งข้อความโต้ตอบแบบทันที ให้คลิกชื่อออนไลน์ชื่อใดชื่อหนึ่งที่เปิดไว้แล้วบนแท็บอื่น (ไม่ระบุตัวตนหรือเบราว์เซอร์อื่น)
ทีมงานดำเนินการ: Alperen Alkan Bora Kazancı Mert Yıldırım Zeynep Ziyagil