Socket.io的简单连接

WebSocket之socket.io的基本使用 使用WebSocket可以实现非常多有趣又实用的功能,后面再写一个在线聊天室巩固一下知识。推荐阅读【微信小程序&uniapp系列文章】【Vue实用插件及技巧系列文章】 阅读详情

首先在服务端下载依赖
npm install socket.io@2.0.4 socket.io版本过高会出现问题
npm install express

const express = require('express');
const app = express();
const server = require('http').Server(app);
const ws = require('socket.io')(server);
//将socket 服务器和express进行结合 这样就不用起两个服务了

app.use(express.static(__dirname + './client'))

//客户端连接
ws.on('connection',function(client){
    client.emit('hehe','欢迎光临 socket.io')  //emit 触发客户端注册的hehe事件 必须对应
    client.on('haha',(msg)=>{
		console.log(msg)
		})
})

server.listen(8081, '192.168.1.19');//如果是'0.0.0.0'允许所以端口访问

客户端
首先要引用客户端所需要的js文件
链接服务器这里用的不是WebSocket协议,用的是http协议
WebSocket的传值是通过onmessage和message来实现的
socket.io是通过emit事件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./node_modules/socket.io-client/dist/socket.io.js"></script>
</head>
<body>

    <script>
           var socket = io.connect('http://192.168.1.19:8081');
           //链接服务器
           socket.on('hehe',function(msg){ 
               console.log(msg) 
           })
           socket.emit('haha', '你好啊')
    </script>
</body>
</html>
基于socket.io的简易聊天室 聊天室这篇博客不讲解聊天系统(带数据库),只是简单的讲一下在线实时聊天室,但是它是一个聊天系统的基础。相信你很快就学会Socket.Io 如果你希望更快的了解,直接git下面的代码链接,配合看 chat-room 流程 后端搭建服务器,安装socket.io服务依赖,通过代码挂载服务。 前端链接服务 前端实现监听和发送 服务端实现监听和发送 开始安装 后端基于nodejs讲解,而且为了方便直接用express框架,只是为了更快,用原生的也可。 接下来,在编写代码时,我会加上注释解释作用,希望你. 阅读详情

相关推荐

Socket.IO-Test:测试Socket.IO连接的速度

Socket.IO速度测试 测试Socket.IO连接的速度 ##入门 使用git clone git://github.com/joe-zim-javascript-blog/Socket.IO-Test.git将这个存储git clone git://github.com/joe-zim-javascript-blog/Socket.IO-Test.git到您的计算机上 导航到该存储库,然后键入npm start (在运行之前将自动安装依赖项) 将浏览器导航到http://localhost 。 在此页面上,有两个按钮和一个放置输出的textarea 。 “测试连接速度”按钮将遍历Socket.IO提供的几种传输方式,并尝试使用每种传输方式连接到Socket.IO服务器,然后立即与之断开连接。 结果记录在textarea ,显示每个运输的时间以及所有运输合计的总时间。 “测试消息

websocket之socket.io前后端联调详解(nodejs方向)

在我们的开发中,传统的ajax是客户端向服务器发送请求,你需要拿什么数据就要发什么请求,像那种数据不断变化的,我们只能隔一会请求一次,隔一会请求一次,这就是我们常说的ajax轮询,但是websocket的出现极大的改善了这一现状,一旦建立连接,服务器就能主动的向客户端发送数据,美滋滋。接下来我带大家来领会websocket的奥妙吧,看看实战项目中的websocket前后端联调是怎么实现的。 1. 在服务端express中使用socket.io // sockeet 在nodejs中需要与nodejs服务建立

m0_37685031的博客 1115

数学建模:相关性分析学习——皮尔逊(pearson)相关系数与斯皮尔曼(spearman)相关系数

相关性分析:求解相关系数并绘制热力图进行对比

weixin_67565775的博客 8万+

Vue 3和TypeScript连接Socket.IO的完整指南

Socket.IO提供了许多功能,其中包括实时事件传输、命名空间和房间的支持、心跳和断线重连等。以下是Socket.IO的一些关键功能:实时事件传输:Socket.IO允许服务器和客户端之间实时地发送和接收事件。您可以自定义事件名称,并通过Socket.IO的emit()和on()方法发送和监听事件。命名空间和房间:Socket.IO支持命名空间和房间的概念,这使得您可以将不同的连接组织成逻辑上的分组。这对于构建具有不同功能或权限的模块化应用程序非常有用。

7868

量化回测框架三选一:Backtrader、Zipline、PyAlgoTrade,新手到底该跟谁学?

本文对比分析了三大量化回测框架Backtrader、Zipline和PyAlgoTrade,帮助新手选择最适合的入门工具。从安装配置、策略编写到文档查阅,详细解析各框架的特点和适用场景,为量化交易初学者提供实用指南。

weixin_28745309的博客 268

VS Code配置Java开发环境避坑指南:从JDK到Spring Boot插件全流程

本文详细介绍了在VS Code中配置Java开发环境的完整流程,涵盖JDK选择、环境变量配置、核心插件安装、构建工具优化及Spring Boot项目专项设置。特别针对常见问题提供避坑方案,帮助开发者快速搭建高效稳定的开发环境,提升Java和Spring Boot开发效率。

weixin_28839699的博客 979

socket.io 连接与断开连接

socket.io 连接与断开连接,连接时携带相关参数

zjoops1314的博客 5033

关于MOS管栅极和栅介质(氧化物)的材料选择

大概解释了高K材料作为栅介质的好处,以及为什么会带来好处,同时引出了金属栅的优点,总结了使用高K材料和金属栅的原因。

qq_52054477的博客 1万+

实时通信Socket.io的使用

Socket.IO 是一个库,可以在客户端和服务器之间实现低延迟,双向和基于事件的通信。它建立在WebSocket协议之上,并提供额外的保证,例如回退到 HTTP 长轮询或自动重新连接。

不定时分享最优质的网络技术与教程,满满的干货。 1650

机器学习发展历史及现状(重要的期刊,会议,大牛总结)

1 引言 机器学习是指通过计算机学习数据中的内在规律性信息,获得新的经验和知识,以提高计算机的智能性,使计算机能够像人那样去决策。随着各行业对数据的需求量增多,对处理和分析数据的效率要求变高,一系列机器学习算法应运而生。机器学习算法主要是指通过数学及统计方法求解最优化问题的步骤和过程。针对不同的数据和不同模型需求,选择和使用适当的的机器学习算法可以更高效地解决一些实际问题。本文将从机器学习的起源...

Oscar2018的博客 5万+

【异常】安装hermes-agent提示Git克隆仓库网络中断 fetch-pack: unexpected disconnect while reading sideband packet

本文分析了Git克隆仓库时出现网络中断错误的常见原因及解决方案。报错表现为连接被远程主机关闭、管道破裂或数据包意外终止,通常由网络不稳定、仓库过大或配置不当引起。提供了5种优先级排序的解决方法:1)使用浅克隆减少数据量;2)优化Git配置参数;3)切换网络或配置代理;4)检查SSH密钥设置;5)改用HTTPS方式克隆。特别推荐先尝试「浅克隆+HTTPS」组合方案快速验证,若问题持续再根据具体报错深入排查。文中包含详细的命令示例和配置说明,适合不同网络环境下的Git用户参考。

奶爸的编程之路,也就一周冷个三天 1418

告别传统RAG的痛点!Agent Skills让知识库检索更智能(本地知识库搭建新思路:用Agent Skills实现渐进式检索)

传统RAG在知识库检索中存在文档结构丢失、Token消耗大等问题 📚 Agent Skills通过分层索引、渐进式检索等设计,实现了更智能的本地知识库检索方案 🤖 本文详细介绍了Agent Skills的核心设计理念、与传统RAG的对比以及实践建议,帮助你搭建高效的知识库系统 ✅

XiaoqiangClub的博客 693

FE - Third-party library - Socket.io

Socket.IO 是一个基于 Node.js 的库,提供了实时、双向和基于事件的通信。它抽象了 WebSocket 和其他实时技术,并提供了 API,使实时通信变得容易。在本教程中,将构建一个简单的实时聊天应用程序,了解 Socket.IO 的基本概念和使用方法。io.on(‘connection’, callback): 监听客户端连接事件。socket.on(eventName, callback): 监听特定事件。socket.emit(eventName, data): 触发特定事件。

zhuanghuajun的博客 1702

华南理工大学-大学物理实验-绪论作业

3.用公式测量某圆柱体铝的密度,测得直径=2.0420.003(cm),高=4.1260.004(cm),质量=36.4880.006(g)。计算铝的密度和测量的标准差,并以测量结果表达式表示之。(要求判别和剔除异常数据)(30分)(了解图解法的注意事项,大学物理实验众多实验数据处理采用这种方法,如PN结温度特性研究,光电效应与普朗克常数的测定,霍尔效应测磁场等等,注意规范作图)实验测得温度与对应的金属丝的长度的数据如下表所示。(了解异常数据的判断方法及具体判断过程,30分的题目n(*≧▽≦*)n)

mohen_777的博客 581

RU DOS版、EFI版32bit/64bit BIOS常用工具

DOS版、EFI版的RU工具,可用来查看IO、MEM、PCI、SMBIOS等资源。亲测在EFI SHELL下可用。

socket.io在express框架中的使用以及简单的html页面示例

如何在express框架中使用socket.io,以及一个简单的html页面作为示例,帮助大家理解socket通信的过程。

weixin_51295863的博客 1664

汉书HE8,好用的汇编代码编写工具

汉书HE8,好用的汇编代码编写工具早期编写汇编代码所用功能强大

NodeJS中使用Socket.IO

Socket.IO 是一个库,可以在客户端和服务器之间实现低延迟双向和基于事件的通信。它建立在WebSocket协议之上,并提供额外的保证,例如回退到 HTTP 长轮询或自动重新连接。

weixin_51072684的博客 2774

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

IEM模型,地表粗糙度模拟

利用微波反演土壤水分时候,利用IEM模型可以实现对随机地表的模拟

socket.io 简介及使用

https://github.com/nswbmw/N-chat/wiki/%E7%AC%AC%E4%B8%80%E7%AB%A0-socket.io-%E7%AE%80%E4%BB%8B%E5%8F%8A%E4%BD%BF%E7%94%A8 socket.io 简介 Socket.IO aims to make realtime apps possible in ever

SalmonellaVaccine的专栏 1218

Socket.IO学习笔记

什么是Socket.IO Socket.IO是一个库,可用于在浏览器和服务器之间进行实时,双向和基于事件的通信。它包括: 使Node.js服务器:来源 | API 为浏览器(可从Node.js的也运行)一个JavaScript客户端库:来源 | API 其主要特点是: 可靠性 即使存在以下情况,也会建立连接: 代理和负载平衡器。 个人防火墙和防病毒软件。 为此,它依赖于Engine.IO,该引擎首先建立长轮询连接,然后尝试升级到在侧面进行“测试”的更好传输,例如WebSocket。请参阅“ 目标”部

viljz 1156

go-socket.io 使用教程

文章目录1、socket.io 简介2、golang实现socket.io 1、socket.io 简介 [译] socket.io官方文档 Socket.io是一个WebSocket库,包括了客户端的js和服务器端的nodejs,它的目标是构建可以在不同浏览器和移动设备上使用的实时应用。它会自动根据浏览器从WebSocket、AJAX长轮询、Iframe流等等各种方式中选择最佳的方式来实现网络实时应用,非常方便和人性化,而且支持的浏览器最低达IE5.5 socket.io特点 实时分析:将数据推送到客户端

John_lidong的博客 8209

socket.io分析

socket.io是一个基于WebSocket的CS的实时通信库,他底层基于engine.io。engine.io使用WebSocket和xhr-poling(或jsonp)封装了一套自己的协议,在不支持WebSocket的低版本浏览器中使用了长轮询(long poling)来代替。socket.io在engine.io的基础上增加了namespace,room,自动重连等特性。

weixin_52008157的博客 304

Vue 使用socket.io实现聊天室

使用socket.io可以实现聊天室的实时通信功能,完整的聊天室功能还需要处理用户登录、发送图片、语音等功能,这里只是简单介绍了如何使用socket.io实现实时通信。除了使用socket.io实现实时通信,也可以使用其他的技术实现,如WebSocket、HTTP Long Polling等。消息的推送:需要实现消息的推送功能,在用户发送消息时,将消息推送给其他用户。用户登录:需要实现用户注册、登录功能,并将用户信息存储在后端服务器中。消息的存储:需要将消息存储在数据库中,方便以后查询历史消息。

小白兔奶糖の博客 2173

socket.io简单例子

socket.io简单例子 参考: https://www.w3cschool.cn/socket/socket-odxe2egl.html https://socket.io/docs/ 安装socket.io npm install --save socket.io 服务器端:新建index.js后,并运行node index.js启动。 var app=require('http').cr...

梧桐芊羽的博客 1429

Socket.IO 订阅 Redis Channel

       在Node.js程序中,可以借助 Socket.IO来构建实时应用。 然而有时候后台与Socket.IO是异构的,比如Java、Python的Web后台。 这时可以利用 Redis的订阅/发布机制作为中转,连接异构的后台和Socket.IO服务。 本文介绍如何在Socket.IO中订阅Redis Channel。 至于如何在Java/Python/C#中发布消息到Redis ...

ronon77的专栏 682

Socket.IO 的使用

使用 LAMP(PHP)等流行的web应用程序堆栈编写聊天应用程序通常非常困难。它包括轮询服务器以获取更改,跟踪时间戳,而且速度比应该的慢得多。传统上,套接字是大多数实时聊天系统的解决方案,它提供了客户端和服务器之间的双向通信通道。这意味着服务器可以向客户端推送消息。每当你写聊天消息时,其想法是服务器会得到它,并将其推送给所有其他连接的客户端。Socket.io 是一个基于 WebSocket 的实时通信库,它可以在客户端和服务器之间建立双向的实时通信连接。

subsistent的博客 1485

推荐开源项目:ng-socket-io —— Angular的Socket.IO神器!

推荐开源项目:ng-socket-io —— Angular的Socket.IO神器! 在构建实时Web应用时,Socket.IO经常是开发者首选的通信库,它能提供WebSocket的强大功能并兼容多种浏览器。今天,我们要向您推荐一个专门为Angular设计的Socket.IO模块——ng-socket-io,这是一个易于使用的、功能强大的工具,能帮助您无缝地将Socket.IO集成到Angula...

gitblog_00058的博客 373
上一篇: MongoDB的安装
下一篇: HTML5新语义化标签
前端小li
博客等级 码龄7年 14粉丝 50原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值