前言
在前端开发中，实现实时通信是非常重要的。而 PeerJS 就是一个方便易用的 WebRTC 库，可以帮助我们快速地实现点对点（P2P）通信。本文将介绍如何使用 npm 包 peerjs，并提供详细的示例代码。
安装
首先，我们需要安装 peerjs 包。可以使用 npm 或者 yarn 进行安装：
npm install peerjs # 或者 yarn add peerjs
创建 Peer 对象
Peer 对象是使用 PeerJS 的第一步。我们需要创建一个 Peer 对象，并且指定一个唯一的标识符：
import Peer from 'peerjs';
const peer = new Peer('some-id');这里的 'some-id' 可以是任何字符串，但是必须是唯一的。如果没有指定标识符，则会自动生成一个随机字符串作为标识符。
连接到另一个 Peer
要连接到另一个 Peer，我们需要知道该 Peer 的标识符。在 PeerJS 中，每个 Peer 都有一个唯一的标识符，它就像电话号码一样。
-- -------------------- ---- ------- ----- ---- - ------------------------------ --------------- -- -- - -- ---- ------------- --- --------------- ---- -- - -- --- ------------- ------ ---
上面的代码中，我们使用 connect 方法连接到另一个 Peer，并且监听 'open' 和 'data' 事件。在 'open' 事件触发时，表示连接已经建立。在 'data' 事件中，接收到从另一个 Peer 发送过来的数据。
发送数据
要向另一个 Peer 发送数据，我们可以使用 send 方法：
conn.send('Hello, other peer!');上面的代码将字符串 'Hello, other peer!' 发送给另一个 Peer。当然，我们也可以发送更复杂的数据结构，例如对象、数组等等。
监听连接请求
除了使用 connect 方法连接到其他 Peer 外，我们也可以监听来自其他 Peer 的连接请求：
-- -------------------- ---- -------
--------------------- ---- -- -
--------------- -- -- -
-- -------- ---- -----
---
--------------- ---- -- -
-- --------------
---
---上面的代码中，我们使用 on 方法监听 'connection' 事件。当有其他 Peer 连接到本地 Peer 时，会触发该事件，并传递一个表示连接请求的 conn 对象。我们可以通过该对象与对方进行通信。
结束连接
如果需要结束连接，可以调用 close 方法：
conn.close();
上面的代码将关闭与另一个 Peer 的连接。
总结
PeerJS 是一个非常方便易用的 WebRTC 库，可以帮助我们快速地实现点对点通信。在本文中，我们介绍了如何使用 npm 包 peerjs，并提供了详细的示例代码。希望本文能够对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/32953
