react socket.io chat app

react socket io chat-app ตัวอย่าง

การใช้งานแอปพลิเคชันแชทแบบเรียลไทม์อย่างง่ายโดยใช้ socket.io, โหนดและปฏิกิริยา

ดูการสาธิตสดที่นี่

การตั้งค่าและเรียกใช้

• ตรวจสอบให้แน่ใจว่าคุณมีพอร์ต 3000 และ 8002 ฟรีในเครื่องของคุณ
• เรียกใช้ npm i ในไดเรกทอรีทั้ง /แบ็กเอนด์และ /react-app
• เปิดหน้าต่างเทอร์มินัลสองหน้าต่างและนำทางไปยังไดเรกทอรีทั้งสองนี้และเรียกใช้ npm start

คำแนะนำในการเรียกใช้แอพนี้

สำหรับการลงนามในแอพที่แตกต่างกันคุณสามารถใช้แท็บเบราว์เซอร์ที่แตกต่างกันสองแท็บที่เปิดแอปพลิเคชันเดียวกันและสามารถแชทแบบเรียลไทม์ ไม่มีการดูแลเซสชันดังนั้นในทุก ๆ หน้าการเยี่ยมชมมันจะขอการลงชื่อเข้าใช้ (ตัวอย่างเช่นคุณสามารถเลือก Alexa ในแท็บเดียวเพื่อลงชื่อเข้าใช้และ tars ในแท็บที่สองจากนั้นคุณสามารถส่งข้อความไปยัง tars จากแท็บของ Alexa และคุณควรเห็นข้อความที่ยังไม่ได้อ่านบนแท็บ Tars)

ข้อความจะถูกเก็บไว้ในหน่วยความจำเบราว์เซอร์ดังนั้นในการรีเฟรชข้อความที่ตามมาจะหายไป เราสามารถเก็บข้อความไว้ใน DB ของเซิร์ฟเวอร์ได้ แต่ DB ไม่ได้อยู่ในสถานการณ์