react socket.io chat app

React Socket IO Chat-App-Beispiel React

Eine einfache Echtzeit-Chat-Anwendungsimplementierung mit Socket.io, Knoten und React.

Sehen Sie hier eine Live -Demo

Setup und Run

• Stellen Sie sicher, dass Sie Port 3000 und 8002 kostenlos in Ihrer Maschine haben.
• Führen Sie npm i in Verzeichnissen /Backend- und /React-App aus.
• Öffnen Sie zwei Terminalfenster und navigieren Sie zu diesen beiden Verzeichnissen und führen Sie npm start aus

Anweisungen zum Ausführen dieser App

Um sich in der App unterschiedlich anzumelden, können Sie zwei verschiedene Browser-Registerkarten verwenden, die dieselbe Anwendung öffnen und in Echtzeit chatten können. Es wird keine Sitzung beibehalten, sodass sie auf jeder Seite Besuch um eine Anmeldung gebeten werden. (Zum Beispiel können Sie Alexa in einer Registerkarte auswählen, um sich in der Registerkarte "Zweite" anzumelden, und dann können Sie eine Nachricht von Alexas Registerkarte von Alexa an Tars senden und sollten eine ungelesene Nachricht auf der Registerkarte Tars sehen.)

Nachrichten werden im Browserspeicher gespeichert, sodass nachfolgenden Aktualisierungen Nachrichten verloren gehen. Wir hätten jedoch Nachrichten auf dem Server -DB speichern können, aber DB ist nicht im Szenario.