p2p-messaging 是一个基于 PeerJS 的 npm 包，可以在浏览器之间快速建立点对点的连接，实现实时通信。该包封装了 PeerJS 的功能，使得使用者能够更快速地实现 p2p 通信。
本文将介绍如何使用 p2p-messaging 包来实现浏览器之间的点对点通信，包括如下内容：
- 安装
- 创建连接
- 发送消息
- 示例代码
安装
p2p-messaging 是一个 npm 包，可以使用 npm 来安装：
npm install p2p-messaging --save
创建连接
使用 p2p-messaging 创建连接需要先创建一个 Peer 对象：
import Peer from 'peerjs'; import P2PMessaging from 'p2p-messaging'; // 创建 Peer 对象 const peer = new Peer();
接着可以使用 P2PMessaging 来创建连接：
// 创建一个 peer2peer 连接
const connection = P2PMessaging(peer, 'unique-id');
// 监听连接成功事件
connection.on('open', () => {
console.log('连接成功！');
});其中，unique-id 是连接的唯一标识符，必须与另一端的连接唯一标识符相同。在连接成功后，双方都可以使用 connection 对象来发送和接收消息。
发送消息
p2p-messaging 提供了 send 方法来发送消息：
const message = {
type: 'text',
content: 'Hello world!',
};
connection.send(JSON.stringify(message));另一端需要监听 data 事件来接收消息：
connection.on('data', data => {
const message = JSON.parse(data);
console.log(`收到来自 ${connection.peer} 的消息：${message.content}`);
});示例代码
下面是一个完整的示例代码：
-- -------------------- ---- ------- ------ ---- ---- --------- ------ ------------ ---- ---------------- -- -- ---- -- ----- ---- - --- ------- -- ---- --------- -- ----- ---------- - ------------------ ------------- -- -------- --------------------- -- -- - --------------------- --- -- ---- ----- ----------- - ------- -- - ----------------------------------------- -- -- ---- --------------------- ---- -- - ----- ------- - ----------------- ----------------- ------------------ ------------------------- ---
使用 p2p-messaging 包创建连接和发送消息非常简单，可以轻松实现浏览器之间的点对点通信。如果你对 p2p 通信感兴趣，不妨尝试使用这个包来创建一个简单的聊天应用吧！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562b481e8991b448dff36