利用 socket.io 实现前后端实时交互
创始人
2024-05-30 03:57:54
0次

官网地址：Socket.IO

项目结构：

在这里插入图片描述

服务端（node）代码：

首先安装 express，socket.io

npm i express,socket.io -S

/server/index.js

// 官网用例：https://socket.io/zh-CN/docs/v4/server-initialization/#with-express
const express = require('express');
const { createServer } = require("http");
const { Server } = require("socket.io");
const app = express();//设置静态资源地址
app.use(express.static('../web'));//开启一个websocket服务
const httpServer = createServer(app);
const io = new Server(httpServer);//推送消息的代码，必须写到触发connection的回调函数中
//其中的socket代表的是当前客户端
io.on('connection', function (socket) {console.log('a user connected');//服务器主动向客户端推送消息，有字符串msg标识的嵌套字发出事件处理程序//emit表示给客户端推送信息，socket.emit('msg', { id: 1, username: '客户端第一次接受数据' });// hello是和客户端约定的事件名称socket.on('hello', (data) => {console.log(data);socket.emit('msg', '服务器：' + data.split('').reverse().join(''));})
});httpServer.listen(3000, () => {console.log('this server is running at http://localhost:3000');
});

前端代码：

/web/index.html


前后端通信

效果展示：

在这里插入图片描述

词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：云原生系列之使用prometheus监控nginx

下一篇：英伟达驱动爆雷？CPU占用率过高怎么办？

相关内容

热门资讯

安卓系统自己升级版本,从初代到... 你知道吗？你的安卓手机最近是不是偷偷地给自己升级了版本？没错，就是那种你一不留神，手机就变得焕然一新...
微软系统可以关闭吗安卓,探讨系... 你有没有想过，那个一直默默守护着你的电脑，那个让你工作学习都离不开的微软系统，它是不是也有累的时候呢...
安卓系统的作用与功能,探索安卓... 你有没有发现，手机里的安卓系统就像是个无所不能的小助手呢？它不仅让我们的手机变得智能，还让我们的生活...
安卓6.0系统的优势,引领智能... 你知道吗？在智能手机的世界里，安卓6.0系统可是个隐藏的宝藏哦！它不仅功能强大，而且使用起来超级顺滑...
苹果官方安卓系统官网,探索跨界... 你有没有听说最近苹果官方推出了安卓系统官网？没错，就是那个一直以来只做iOS系统的苹果公司，现在竟然...
车载安卓系统启动不了,车载安卓... 亲爱的车主朋友们，你是否也遇到过这样的烦恼：车载安卓系统突然启动不了，屏幕上只显示着那令人头疼的“黑...
问道苹果转安卓系统,问道系统变... 你有没有想过，有一天你的苹果手机突然告诉你：“兄弟，我有点累了，咱们换个口味吧！”你眼前一亮，决定把...
oppoa25安卓系统,深度解... 你有没有发现，最近OPPO A25这款手机在市场上可是火得一塌糊涂呢！它的安卓系统更是让人眼前一亮。...
安卓系统的同屏软件,共享精彩瞬... 你有没有发现，现在手机上的同屏软件越来越多了？安卓系统上的同屏软件更是五花八门，让人眼花缭乱。今天，...
联想平板windows刷安卓系... 你有没有想过，你的联想平板Windows系统突然变得有点儿无聊了呢？别急，今天就来给你支个招——刷上...
安卓系统软件研发,从底层架构到... 你有没有想过，为什么你的手机那么聪明，能帮你导航、拍照、还能聊天呢？这都得归功于安卓系统软件研发的神...
安卓系统为什么老是死机,揭秘安... 手机突然卡顿，屏幕上那些图标就像被施了魔法一样，怎么点都不响应，你是不是也遇到过这种情况？安卓系统，...
安卓系统连接轩逸,智能驾驶体验... 你有没有想过，你的安卓手机和轩逸汽车之间也能来个亲密接触呢？没错，就是那种无缝连接的感觉，让你的驾驶...
儿童电话手表刷安卓系统,智能体... 你有没有想过，家里的宝贝是不是也需要一款时尚又实用的电话手表呢？现在市面上儿童电话手表的功能越来越丰...
如何刷机安卓手机系统,解锁手机... 你有没有想过，你的安卓手机系统是不是已经有点儿“老态龙钟”了呢？别急，别急，今天就来教你怎么给它来个...
安卓13系统适配器,全面解析与... 你有没有发现，最近你的安卓手机好像变得不一样了？没错，安卓13系统已经悄悄地来到了我们的身边。而今天...
瑞典机票攻略系统和安卓,安卓系... 想要去瑞典旅行，却不知道怎么挑选机票？别急，今天就来给你详细介绍一下瑞典机票攻略系统，让你轻松找到最...
硅谷区块鸡安卓系统,引领未来智... 你有没有想过，那些在硅谷的科技巨头们，竟然和一只鸡有了不解之缘？没错，就是区块鸡！而且，这个区块鸡还...
索尼是原生安卓系统吗,索尼手机... 索尼是原生安卓系统吗？你有没有想过，为什么索尼的智能手机总是那么特别？是不是因为它采用了与众不同的操...
安卓系统语言切换日文,「日本語... 你有没有发现，手机里的安卓系统竟然可以切换成日文呢？这可真是让人眼前一亮的小秘密哦！想象当你用着日文...