分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

socket.io ?websocket

发布时间:2023-09-06 02:08责任编辑:赖小花关键词:websocket

不能不知道的事:

在Http协议中,客户端向服务器端发送请求,服务器端收到请求再进行回应,整个过程中,服务器端是被动方,客户端是主动方;

websoket是H5的一种基于TCP的新通信协议,它与Http协议的不同之处就是Websocket能实现服务器端主动推送消息到客户端,服务器端与客户端都能发起通信,实现浏览器与服务器之间的双向通信;
socket.io是一个完全由js实现,基于nodejs、支持websocket的协议用于实时通讯、跨平台的开源框架,它包括客户端的js和服务器端的nodejs。

可以这样理解:socket.io封装了websocket以及其他的一些协议,实现了websocket的服务器端代码,同时具有很强的兼容性,兼容各种浏览器以及移动设备。有了它,便可以更快捷的实现服务器端与客户端之间的实时通讯。

这样的话:

实现一个简单的多人聊天室功能。谢谢大神的分享:https://www.cnblogs.com/Wayou/p/hichat_built_with_nodejs_socket.html

代码已上传至git:请戳这里

应该再说说这些:

1.socket.io官网:https://socket.io/

2.(1)socket.emit:客户端与服务器端之间发送消息是用emit;
例如客户端向服务端发送登录请求

1 //发起一个login事件并将输入的昵称发送到服务器2 socket.emit(‘login‘,nickName) //login是自定义的事件,后面是带的参数

(2)socket.on:服务器端要接收客户端发送的login事件,就得对该事件进行监听

 1 ?//用户登录事件 2 ????socket.on(‘login‘, function(nickname) { 3 ???????if(users.indexOf(nickname)>-1){ 4 ????????????socket.emit(‘nickExisted‘); 5 ???????}else{ 6 ????????????socket.userIndex = users.length; 7 ????????????socket.nickname = nickname; 8 ????????????users.push(nickname); 9 ????????????socket.emit(‘loginSuccess‘);10 ????????????//向所有连接到服务器的客户端发送给当前登录用户的昵称11 ????????????io.sockets.emit(‘system‘,nickname,users.length, ‘login‘);12 ???????}13 ????})

同理,服务器端也可以向客户端发送事件,只要客户端也对该事件进行监听就行.
(3)io.sockets.emit:服务器端向连接的所有客户端发送消息得用io.sockets.emit;
(4)socket.broadcast.emit:给除了自己以外的客户端广播消息.

socket.io ?websocket

原文地址:https://www.cnblogs.com/zhengyeye/p/9438816.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved