@jonny/engine.io-client
是一个用于浏览器和 Node.js 的 engine.io 客户端。它支持 WebSocket 和 XHR 传输及其协议协商。
安装
使用 npm 安装:
npm install @jonny/engine.io-client
使用
浏览器
在浏览器中使用,只需引入 dist/engine.io.js
:
<script src="/path/to/engine.io.js"></script>
如果你的浏览器支持 ES6 模块,则可以使用以下方式导入:
<script type="module"> import { Socket } from "/path/to/engine.io.js"; const socket = new Socket("http://localhost"); </script>
Node.js
在 Node.js 中使用,则可以直接导入 @jonny/engine.io-client
包:
const { Socket } = require("@jonny/engine.io-client");
创建 Socket 实例
使用 Socket
构造函数创建 Socket 实例:
const socket = new Socket(url, opts);
url
是服务器 URL,opts
是选项对象。
连接服务器
使用 socket.open()
方法连接服务器:
socket.open();
发送消息
使用 socket.send(msg)
方法发送消息:
socket.send("Hello World");
接收消息
使用 socket.on(eventName, callback)
方法监听事件接收消息:
socket.on("message", (msg) => { console.log(msg); });
关闭连接
使用 socket.close()
方法关闭连接:
socket.close();
示例代码
-- -------------------- ---- ------- ------ - ------ - ---- -------------------------- ----- ------ - --- --------------------------- ----------------- -- -- - -------------------- --- -------------------- ----- -- - ---------------------------- --- ------------------ -- -- - -------------------- --- -------------- -------------- -- - ------------------ -------- -- ------展开代码
学习与指导意义
@jonny/engine.io-client
是一个功能强大且易于使用的 engine.io 客户端库。它支持 WebSocket 和 XHR 传输及其协议协商,并且具有良好的跨浏览器兼容性。使用它可以轻松地与 engine.io 服务器进行通信。
在学习该库时,需要对 WebSocket 和 engine.io 协议有一定的了解。同时,要熟悉 JavaScript 异步编程的相关知识。使用该库的过程中,需要注意处理连接、消息发送和接收、连接关闭等事件。
总之,掌握 @jonny/engine.io-client
使用方法有助于构建更高效、可靠的 WebSocket 应用程序。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/114310