Socket.IO 客户端项目教程

最新推荐文章于 2025-04-28 15:36:49 发布

殷巧或

最新推荐文章于 2025-04-28 15:36:49 发布

阅读量439

点赞数 5

本文链接：https://blog.youkuaiyun.com/gitblog_00061/article/details/139697109

版权

Socket.IO 客户端项目教程

socket.io-client Realtime application framework (client) 项目地址: https://gitcode.com/gh_mirrors/so/socket.io-client

1. 项目介绍

Socket.IO 是一个基于 WebSocket 的实时应用程序框架，支持双向通信。它提供了客户端和服务器端的库，使得开发者可以轻松地构建实时应用，如聊天应用、实时游戏、实时数据更新等。Socket.IO 客户端库（socket.io-client）是用于在浏览器或 Node.js 环境中与 Socket.IO 服务器进行通信的库。

2. 项目快速启动

安装

首先，你需要在你的项目中安装 socket.io-client 库。你可以使用 npm 或 yarn 进行安装：

npm install socket.io-client

或者

yarn add socket.io-client

基本使用

以下是一个简单的示例，展示了如何在浏览器中使用 socket.io-client 与服务器进行通信。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Socket.IO Client Example</title>
</head>
<body>
    <script src="https://cdn.socket.io/4.0.0/socket.io.min.js"></script>
    <script>
        // 连接到服务器
        const socket = io('http://localhost:3000');

        // 监听连接事件
        socket.on('connect', () => {
            console.log('Connected to server');
        });

        // 监听自定义事件
        socket.on('message', (data) => {
            console.log('Received message:', data);
        });

        // 发送消息到服务器
        socket.emit('message', 'Hello from client');
    </script>
</body>
</html>

在 Node.js 中使用

如果你在 Node.js 环境中使用 socket.io-client，代码如下：

const io = require('socket.io-client');

// 连接到服务器
const socket = io('http://localhost:3000');

// 监听连接事件
socket.on('connect', () => {
    console.log('Connected to server');
});

// 监听自定义事件
socket.on('message', (data) => {
    console.log('Received message:', data);
});

// 发送消息到服务器
socket.emit('message', 'Hello from client');