Socket.IO-Client 使用教程

姬忆慈Loveable

于 2024-08-15 09:39:21 发布

阅读量642

点赞数 8

本文链接：https://blog.csdn.net/gitblog_00989/article/details/141210300

版权

Socket.IO-Client 使用教程

socket.io-client项目地址:https://gitcode.com/gh_mirrors/sock/socket.io-client

项目介绍

Socket.IO-Client 是一个实时应用程序框架的客户端部分，它允许浏览器与服务器之间进行实时、双向的通信。Socket.IO 使用 WebSocket 协议并提供回退选项，确保即使在旧版浏览器中也能正常工作。

项目快速启动

安装

首先，你需要在你的项目中安装 Socket.IO-Client。你可以使用 npm 或 yarn 来安装：

npm install socket.io-client

或者

yarn add socket.io-client

基本使用

以下是一个简单的示例，展示如何在浏览器中使用 Socket.IO-Client 连接到服务器并进行通信：

<!DOCTYPE html>
<html>
<head>
    <title>Socket.IO Client Example</title>
    <script src="/socket.io/socket.io.js"></script>
    <script>
        var socket = io('http://localhost:3000');

        socket.on('connect', function() {
            console.log('Connected to server');
        });

        socket.on('message', function(data) {
            console.log('Received message:', data);
        });

        function sendMessage() {
            var message = document.getElementById('message').value;
            socket.emit('message', message);
        }
    </script>
</head>
<body>
    <input type="text" id="message" placeholder="Enter a message">
    <button onclick="sendMessage()">Send</button>
</body>
</html>