react socket.io chat app

React套接字IO Chat-App示例

使用socket.io，node和react的簡單實時聊天應用程序實現。

在這裡查看現場演示

設置並運行

• 確保您的機器中有3000和8002端口。
• 在 /後端和 /react-app目錄中運行npm i
• 打開兩個終端窗口並導航到這兩個目錄並運行npm start

運行此應用的說明

要在應用程序中以不同的方式簽名，您可以使用兩個不同的瀏覽器選項卡打開相同的應用程序，並可以實時聊天。沒有任何會話維護，因此每頁訪問都會要求登錄。 （例如，您可以在一個選項卡中選擇Alexa以登錄並在第二個選項卡中登錄TAR，然後可以從Alexa的標籤中將消息發送到Tars，並且您應該在Tars Tab上看到未讀的消息）。

消息存儲在瀏覽器內存中，因此隨後的刷新消息將丟失。不過，我們可以在服務器的DB上存儲消息，但DB不在場景中。