node.js用socket实现聊天实例分享

来源：动视网责编：小OO 时间：2020-11-27 20:05:55

node.js用socket实现聊天实例分享

服务器搭建；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；} <。

推荐度：

点击下载本文 文档为doc格式

导读服务器搭建；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；} <。

本文主要介绍了node.js 用socket实现聊天的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。

服务器搭建

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

将服务端的数据广播到客户端去

客户端接收服务端广播出来的数据