时间:2021-07-01 10:21:17 帮助过:4人阅读
服务器搭建
app.js
express.js
index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"/> <title>Socket.IO chat</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font: 13px Helvetica, Arial; } form { background: #000; padding: 3px; position: fixed; bottom: 0; width: 100%; } form input { border: 0; padding: 10px; width: 90%; margin-right: .5%; } form button { width: 9%; background: rgb(130, 224, 255); border: none; padding: 10px; } #messages { list-style-type: none; margin: 0; padding: 0; } #messages li { padding: 5px 10px; } #messages li:nth-child(odd) { background: #eee; } </style> </head> <body> <ul id="messages"></ul> <form action=""> <input id="m" autocomplete="off" /><button>Send</button> </form> <script src="js/lib/jquery-1.11.1.js"></script> <script src="js/lib/socket.io.js"></script> <script src="js/index.js"></script> </body> </html>
客户端服务搭建与服务端通信
我们要建立服务端socket请求连接
index.js
app.js
将服务端的数据广播到客户端去
客户端接收服务端广播出来的数据
相关推荐:
nodejs基于WS模块实现WebSocket聊天功能
jquery仿微信聊天界面实例分享
实例详解vue组件父子间通信之聊天室
以上就是node.js 用socket实现聊天实例分享的详细内容,更多请关注Gxl网其它相关文章!