react-socket.io-chat-app:使用React + Socket.io的简单聊天应用程序实现

时间:2024-05-30 01:01:33
【文件属性】:

文件名称:react-socket.io-chat-app:使用React + Socket.io的简单聊天应用程序实现

文件大小:369KB

文件格式:ZIP

更新时间:2024-05-30 01:01:33

react nodejs chat websocket socket-io

React Socket IO聊天应用示例 使用Socket.io,Node和React的简单实时聊天应用程序实现。 观看现场演示 设置并运行 确保您的计算机中有可用的端口3000和8002。 在/ backend和/ react-app目录中都运行npm i 。 打开两个终端窗口,导航到这两个目录,然后运行npm start 有关运行此应用的说明 要以不同的方式登录应用程序,可以使用两个不同的浏览器选项卡打开同一应用程序,并可以实时聊天。 没有维护会话,因此在每次访问页面时都会要求登录。 (例如,您可以在一个选项卡中选择Alexa进行登录,在第二个选项卡中选择TARS,然后可以从Alexa的选项卡中将消息发送到TARS,并且应该在TARS选项卡上看到未读消息)。 消息存储在浏览器内存中,因此在以后刷新时,消息将丢失。 我们可以将消息存储在服务器的DB上,但是DB不在此情况下。


【文件预览】:
react-socket.io-chat-app-master
----screenshot.png(100KB)
----.gitignore(473B)
----react-app()
--------production.env(37B)
--------package.json(873B)
--------package-lock.json(903KB)
--------src()
--------.gitignore(310B)
--------public()
--------README.md(2KB)
--------development.env(32B)
----README.md(1KB)
----backend()
--------package.json(302B)
--------server.js(1KB)
--------package-lock.json(24KB)
--------configs()
--------.gitignore(13B)

网友评论