Nodejs socketIO

最新推荐文章于 2024-04-30 14:48:47 发布
最新推荐文章于 2024-04-30 14:48:47 发布
阅读量627 收藏
点赞数
分类专栏： express node JavaScript 文章标签： node express socketIO
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42427109/article/details/86511575
版权
node 同时被 3 个专栏收录
68 篇文章 0 订阅
订阅专栏
JavaScript
46 篇文章 0 订阅
订阅专栏
express
30 篇文章 0 订阅
订阅专栏 
//前端部分

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</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 style="border: 1px solid gray">
    <ul id="messages"></ul>
    <form action="">
        <input id="m" autocomplete="off" /><button>发送</button>
    </form>
</body>
<script src="socket.io.js"></script>
<script src="jquery.min.js"></script>
<script>
    
    var socket = io();//初始化socketIO,获取socket对象属性
    
    $(function () {
    socket.emit('chats','zzw');//模拟单聊,可以将socket.id用于通信的唯一标识
    console.log(socket);
    $('form').submit(function(e){//form表单提交触发
      e.preventDefault(); // prevents page reloading
      socket.emit('chat message', $('#m').val());//第一个参数是通道名称，第二个参数是需要发送的数据
      $('#m').val('');//消息发送后再清空
      return false;
    });
    
    socket.on('chat message', function(msg){//从服务端返回数据后,创建标签建立消息体
      $('#messages').append($('<li>').text(msg));
    });
  });
  </script>

</html>

//后端部分

var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);

app.get('/', function (req, res) {//定义路由
    res.sendFile(__dirname + '/socketDemo.html');//读取静态文件
});
let socketWall;
io.on('connection', function (socket) {//监听connection事件
    
    socket.on('chats',function(msg){//监听该通道名称，我像该通道发送了socket.id
        socketWall = msg;
        console.log('用户'+socketWall+'连接了');
    });
    socket.on('chat message', function (msg) {//监听该通道，函数内额参数就是客户端发送的消息
        console.log(socketWall);
        io.emit('chat message', '用户'+socketWall+'说：'+msg);//利用emit向该通道返回该数据
    });

    socket.on('disconnect', function () {//监听用户退出状态
        console.log('用户'+socketWall+'退出');
    });
});

http.listen(8100, function () {//服务程序
    console.log('listening on *:8100');
});
多比熊
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Node实现数据加密
thwr1881的博客
07-30 1396
Node实现数据加密
C#与nodejs socketio 互传
03-31
标题 "C#与nodejs socketio 互传" 涉及的是在C#和Node.js之间使用Socket.IO进行实时通信的技术。Socket.IO是一个流行的库，它为Web应用程序提供了实时、双向通信的能力，使得服务器和客户端可以即时交换数据。在这个...
Node.js的Socket编程 ——Socket.io
niuroufen5的博客
08-14 6624
HTTP 协议是一种无状态的、无连接的、单向的应用层协议。它采用了请求/响应模型。通信请求只能由客户端发起，服务端对请求做出应答处理，HTTP 协议无法实现服务器主动向客户端发起消息。这种单向请求的特点，注定了如果服务器有连续的状态变化，客户端要获知就非常麻烦。大多数 Web 应用程序将通过频繁的异步JavaScript 和 XML（AJAX）请求实现长轮询。轮询的效率低，非常浪费资源。Websocket应运而生，WebSocket 连接允许客户端和服务器之间进行全双工通信。.........
【node进阶】在node.js中优雅的使用Socket.IO模块
热门推荐
前端小白在前进的博客
11-21 1万+
Socket.IO是一个WebSocket库，包括了客户端的js和服务器端的node.js，它的目标是构建可以在不同浏览器和移动设备上使用的实时应用。Socket.IO将WebSocket、AJAX和其它的通信方式全部封装成了统一的通信接口，也就是说，我们在使用SocketIO时，不用担心兼容问题，底层会自动选用最佳的通信方式。
Springboot 整合 Socket 实战案例 ，实现 单点发送、广播群发，1对1，1对多_springboot socket(1)
最新发布
2401_84007049的博客
04-30 743
现在其实从大厂招聘需求可见，在招聘要求上有高并发经验优先，包括很多朋友之前都是做传统行业或者外包项目，一直在小公司，技术搞的比较简单，没有怎么搞过分布式系统，但是现在互联网公司一般都是做分布式系统。所以说，如果你想进大厂，想脱离传统行业，这些技术知识都是你必备的，下面自己手打了一份Java并发体系思维导图，希望对你有所帮助。服务端推消息，其实调用接口就可以。
Nodejs前后端数据加密传输二种方案
selfsummer的博客
05-19 1761
项目场景： 在前后端分离，前端使用Axios 或者是Ajax 来发送数据和接收数据,对应非程序人来说就没有有，应为他们也不懂，对应懂程序地来说 直接F12 查看浏览器地请求（Network）来查看请求数据，和返回数据，对应我们本身开发者来说无疑是在当中众多同行种裸奔 问题描述： 为了防止数据传输过程中裸奔 进行数据加密传输 技术栈（ES6+语法） NodeJS后端 Typescript Express 前端 uni-app 加密方法 使用原生JS数据加密（前后端统一方法进行转码解码）TS兼容JS语法
NodeJS中使用Socket.IO
weixin_51072684的博客
03-28 2338
Socket.IO 是一个库，可以在客户端和服务器之间实现低延迟双向和基于事件的通信。它建立在WebSocket协议之上，并提供额外的保证，例如回退到 HTTP 长轮询或自动重新连接。
nodesocketio:示例 nodejs socketio 实现
06-24
const socketIO = require('socket.io'); const app = express(); const server = http.createServer(app); const io = socketIO(server); app.use(express.static('public')); // 配置静态文件目录 server.listen...
realtime-private-chat-nodejs-socketio-vuejs-laravel:实时私人聊天NodeJS SocketIO Vue JS Laravel
05-06
git clone https://github.com/sagarankoliya/realtime-private-chat-nodejs-socketio-vuejs-laravel.git 第2步 使用Terminal / CMD转到项目目录 composer install 步骤：3 在项目目录中找到.env.example并重命名...
MultiUserChat:一个使用nodejs socketio的简单多用户聊天应用
06-10
多用户聊天一个使用 nodejs/socketio 的简单多用户聊天应用指示导航到文件夹执行“npm install” 执行“node app.js”这会启动服务器如果在同一台机器上，则从任何（合理）数量的客户端导航到如果在不同的机器上，则...
nodejs + socketio 实现私聊 群聊
12-15
本项目"nodejs + socketio 实现私聊 群聊"正是基于这样的技术栈，为开发者提供了一个可以直接运行的示例。 首先，我们来深入理解Node.js和Socket.IO这两个关键组件。 1. **Node.js**：Node.js是一个基于Chrome V8...
基于Nodejs+socketio的消息转发服务
09-12
基于Nodejs+socketio的消息转发服务
Nodejs+Socket.io实现通讯实例代码
10-20
本篇文章主要介绍了Nodejs+Socket.io实现通讯实例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
node.js基于socket.io快速实现一个实时通讯应用
01-01
随着web技术的发展，使用场景和需求也越来越复杂，客户端不再满足于简单的请求得到状态的需求。实时通讯越来越多应用于各个领域。 HTTP是最常用的客户端与服务端的通信技术，但是HTTP通信只能由客户端发起，无法及时获取服务端的数据改变。只能依靠定期轮询来获取最新的状态。时效性无法保证，同时更多的请求也会增加服务器的负担。 WebSocket技术应运而生。 WebSocket概念 不同于HTTP半双工协议，WebSocket是基于TCP 连接的全双工协议，支持客户端服务端双向通信。 WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocke
NodeJS+Express+socket_io 多人聊天简单Demo
03-29
NodeJS+Express+socket_io 多人聊天简单Demo
nodejs.socketio很好的入门例子javascript脚本方式
03-14
1.运行时候找不到 express 等，进入工程目录，npm install express，package.json就会加入库； 通过socket.on( 监听通道，socket.emit 发送数据。 index.html是客户端，很简单： [removed] //socket var socket = io('http://127.0.0.1:9092'); socketdata(socket); function socketdata(socket) { // socket.on('coins', function(msg){ console.log(msg); }); socket.on('trends', function(msg){ console.log(msg); }); } [removed] 服务器端,实现sockio服务，向通道发送数据： var app = require('express')(); var http = require('http').Server(app); var io = require('socket.io')(http); var fs = require('fs'); debugger; //默认打开文件 app.get('/', function (req, res) { res.sendfile('index.html'); }); //用于存储所有socket以广播数据 var iolist = []; //定义socket on connection（ 连入） 事件行为 io.on('connection', function (socket) { .....
其他内容：NodeJS 中的 Socket.io
新华编程特战队
03-19 1587
Socket.io 的目标是通过为我们提供一整套工具来帮助我们创建和调试高效代码，从而帮助创建快速响应的应用程序。我们可能还使用了股票和加密应用程序，在这些应用程序中，我们可以看到不断变化的数据图。现在，我们可以使用服务器启动两个浏览器窗口，当我们尝试从其中一个窗口发送消息时，该消息将广播给所有用户。每次我们重新加载页面或打开新的浏览器窗口时，我们都会得到一个新的连接和用户。现在我们已经准备好了基本的 Hello world 应用程序，我们将开始用 Socket.io 的优点填充这个应用程序。
使用 Node.js 和 Socket.io 构建实时聊天应用程序
qq_33003143的博客
07-11 1730
通过简易实时聊天室学习socketio的使用
Nodejs 第五十五章（socket.io）
qq1195566313的博客
03-13 1250
传统的 HTTP 是一种单向请求-响应协议，客户端发送请求后，服务器才会响应并返回相应的数据。在传统的 HTTP 中，客户端需要主动发送请求才能获取服务器上的资源，而且每次请求都需要重新建立连接，这种方式在实时通信和持续获取资源的场景下效率较低。Socket 提供了实时的双向通信能力，可以实时地传输数据。客户端和服务器之间的通信是即时的，数据的传输和响应几乎是实时完成的，不需要轮询或定时发送请求。
nodejs实现简单的聊天
05-05
const socketio = require('socket.io'); // 创建Express应用程序 const app = express(); const server = http.createServer(app); // 使用Socket.io创建WebSocket服务器 const io = socketio(server); // 当有...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值