软件测试 / 测试开发 / 全日制 |使用 Socket.IO 实现实时通信

2024-01-09
北京
本文字数：2150 字
阅读完需：约 7 分钟

霍格沃兹测试开发学社推出了《Python 全栈开发与自动化测试班》。本课程面向开发人员、测试人员与运维人员，课程内容涵盖 Python 编程语言、人工智能应用、数据分析、自动化办公、平台开发、UI 自动化测试、接口测试、性能测试等方向。为大家提供更全面、更深入、更系统化的学习体验，课程还增加了名企私教服务内容，不仅有名企经理为你 1v1 辅导，还有行业专家进行技术指导，针对性地解决学习、工作中遇到的难题。让找工作不再是难题，并且能助力你拿到更好的绩效与快速晋升。

http://Socket.IO是一个基于 WebSocket 的实时通信库，它使得在浏览器和服务器之间建立实时、双向的通信变得更加容易。下面是一个简单的使用http://Socket.IO实现实时通信的示例，包括服务端（使用 Node.js 和 Express）和客户端（使用 JavaScript 和http://Socket.IO库）。

服务端（Node.js 和 Express）

首先，确保你已经安装了 Node.js 和 npm。

创建一个新的 Node.js 项目，并安装 Express 和http://Socket.IO：

npm init -ynpm install express socket.io

复制代码

创建一个server.js文件，实现一个简单的 Express 应用并集成 Socket.IO：

const express = require('express');const http = require('http');const socketIO = require('socket.io');
const app = express();const server = http.createServer(app);const io = socketIO(server);
// 当有新连接时执行io.on('connection', (socket) => {  console.log('New connection: ' + socket.id);
  // 监听客户端发送的消息  socket.on('message', (data) => {    console.log(`Message from ${socket.id}: ${data}`);
    // 广播消息给所有连接的客户端    io.emit('message', { from: socket.id, content: data });  });
  // 监听断开连接事件  socket.on('disconnect', () => {    console.log('Disconnected: ' + socket.id);  });});
// 服务器监听端口const PORT = process.env.PORT || 3000;server.listen(PORT, () => {  console.log(`Server is running on port ${PORT}`);});

复制代码

启动服务器：

node server.js

复制代码

客户端（JavaScript 和http://Socket.IO库）

在 HTML 文件中引入http://Socket.IO库，创建一个简单的客户端：

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <meta name="viewport" content="width=device-width, initial-scale=1.0">  <title>Socket.IO Chat</title></head><body>  <ul id="messages"></ul>  <form id="form" action="">    <input id="input" autocomplete="off" /><button>Send</button>  </form>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.0/socket.io.js"></script>  <script>    // 连接到服务器    const socket = io();
    // 监听服务端广播的消息    socket.on('message', (data) => {      const messages = document.getElementById('messages');      const li = document.createElement('li');      li.textContent = `${data.from}: ${data.content}`;      messages.appendChild(li);    });
    // 监听表单提交事件，发送消息    document.getElementById('form').addEventListener('submit', (e) => {      e.preventDefault();      const input = document.getElementById('input');      const message = input.value;      input.value = '';      socket.emit('message', message);    });  </script></body></html>

复制代码

在上述示例中，客户端通过http://Socket.IO连接到服务器，监听服务端广播的消息，同时通过表单提交事件发送消息到服务器。

打开多个浏览器窗口或标签，并访问 http://localhost:3000，你将看到它们之间可以实时通信。

这只是一个简单的例子，http://Socket.IO提供了更多的功能，例如房间管理、自定义事件等，可根据实际需求进行扩展。

推荐

Python 全栈开发与自动化测试开发班

由浅入深实战进阶，从小白到高手

以 Python 全栈开发为基础，深入教授自动化测试技能，为学员打造全面的技术能力。通过系统学习和实际项目实战，学员将具备在职场中脱颖而出的竞争力。不仅能够灵活运用 Python 进行开发，还能够保障项目质量通过自动化测试手段。这是一个全面提升职业竞争力的机会。

课程详情

Python 开发必备基础技能与项目实战

Pvthon 编程语言/算法和数据结构/面向对象编程 Web 后端开发/前端开发/测试管理平台项目实战

人工智能 ChatGPT 实战

人工智能辅助学习各种开发和测试技能/Pytorch 深度学框架/平台开发实战

数据分析与自动化办公

数据采集/Pandas 与数据处理技术/ECharts 与数据可视化技术/爬虫实战/自动化办公/批量文件处理

UI 自动化测试与高级项目实战

Web 自动化测试/App 自动化测试/ PageObject 设计模式

接口自动化测试

接口协议分析/Mock 实战/服务端接口测试

性能测试

性能测试流程与方法/JMeter 脚本参数化/Grafana 监控系统搭建

简历指导与模拟面试

1V1 简历指导/模拟真实面试/测试开发岗面试全攻略名企私教服务

名企专家 1v1 辅导/行业专家技术指导/针对性解决工作难题/绩效提升辅导与晋升复盘

课程亮点

名企私教服务先学习后付费高额奖学金

专属社群+晚自习在线答疑

5V1 全方位辅导作业+考试强化学习效果

简历修改模拟面试就业内推面试复盘

领取人工智能学习资料，请点击！！！

发布于: 刚刚阅读数: 7

测吧(北京)科技有限公司

关注

社区：ceshiren.com 微信：ceshiren2023 2022-08-29 加入

微信公众号：霍格沃兹测试开发提供性能测试、自动化测试、测试开发等资料、实事更新一线互联网大厂测试岗位内推需求，共享测试行业动态及资讯，更可零距离接触众多业内大佬

发布

暂无评论

创作场景

软件测试 / 测试开发 / 全日制 |使用 Socket.IO 实现实时通信

服务端（Node.js 和 Express）

客户端（JavaScript 和http://Socket.IO库）

领取人工智能学习资料，请点击！！！

测吧(北京)科技有限公司

评论