利用 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占用率过高怎么办？

相关内容

热门资讯

安卓系统怎么下载树洞,安卓系统... 你有没有想过，在安卓手机上下载一个可以让你畅所欲言、分享心情的树洞应用呢？树洞，顾名思义，就是一个可...
山寨安卓导航升级系统,功能升级... 你有没有发现，手机导航越来越智能了？但是你知道吗，市面上那些看似高大上的安卓导航升级系统，其实有不少...
诺基亚原生安卓系统怎,创新与体... 你有没有想过，那个曾经风靡一时的诺基亚手机，竟然也玩起了原生安卓系统？没错，就是那个经典的“诺基亚”...
如果安卓系统换成ios,系统更... 想象如果安卓系统突然宣布：“咱们来个大的改变，把安卓换成iOS！”这得是多大的新闻啊！想象你的手机、...
安卓开发新手引导系统,掌握核心... 你刚踏入安卓开发的广阔天地，是不是有点晕头转向呢？别担心，今天我就要给你来一场新手引导大作战，让你从...
国外安卓操作系统,全球视角下的... 你知道吗？在手机的世界里，操作系统可是个大头戏呢！今天，咱们就来聊聊国外那些风头正劲的安卓操作系统，...
安卓17系统窗口调用,Andr... 你知道吗？最近安卓系统又出新花样了！安卓17系统窗口调用，这可是个大招啊！今天，我就要带你深入了解一...
苹果庄安卓通讯系统,通讯系统融... 你知道吗？在手机江湖里，有两个门派可是鼎鼎大名，一个是以苹果为首的iOS，另一个则是安卓阵营。今天，...
安卓系统10寸屏幕,功能与体验... 你有没有想过，拥有一台10寸屏幕的安卓系统设备，会是怎样的体验呢？想象小巧的机身，却拥有强大的功能，...
安卓刷入linux系统,轻松刷... 你有没有想过，你的安卓手机其实可以变身成一个强大的Linux工作站呢？没错，就是那个在服务器上大显神...
安卓系统 看电视软件,便捷观影... 亲爱的手机控们，你是不是也和我一样，对安卓系统上的看电视软件情有独钟？没错，那种随时随地都能追剧的快...
安卓13系统图片备份,随时随地... 亲爱的安卓用户们，你是否在期待着安卓13系统的到来呢？听说这个新系统将会带来许多令人兴奋的新功能，但...
安卓手机系统壁纸大全,海量精美... 你有没有发现，手机屏幕上那一抹色彩，有时候能瞬间提升你的心情呢？没错，说的就是那些精美的壁纸！今天，...
白板 安卓系统内置电脑,融合移... 亲爱的读者，你是否曾想过，在你的安卓手机上，竟然可以变身为一台迷你电脑？没错，这就是今天我要跟你分享...
安卓系统游戏昵称英文,Unlo... 你有没有想过，在安卓系统的游戏世界里，一个独特的昵称能给你带来怎样的不同体验呢？想象当你化身成为一名...
原生安卓6.0系统占用,原生安... 你有没有发现，自从你的手机升级到了原生安卓6.0系统，它的反应速度好像变得不那么敏捷了？别急，今天就...
使命召唤10安卓系统,安卓平台... 亲爱的玩家们，你是否曾在深夜里，手握手机，沉浸在紧张刺激的战场中？今天，我要和你聊聊一款让无数玩家热...
鸣言系统安卓版,畅享智能语音交... 你知道吗？最近我在手机上发现了一个超级酷炫的应用——鸣言系统安卓版！这款应用简直是我的新宠，让我来给...
2020安卓什么系统好,最佳系... 2020年安卓系统哪家强？这个问题可是让不少手机用户头疼不已。毕竟，系统的好坏直接影响到手机的流畅度...
安卓系统有没有捷径,安卓系统快... 你有没有想过，使用安卓系统是不是也能找到一些小窍门，让生活变得更加轻松愉快呢？没错，今天就要来聊聊这...