连接对等端

• 上一页
• 下一页

在上篇文章中，我们设置了服务器，但它还没有任何功能，因为我们没有提供任何服务。这部分才是你一直期待的——实际创建客户端的对等连接和呼叫逻辑。这是一个复杂的过程，但我们将其分解为多个子部分，以便你可以轻松地分块处理不同的部分。

1. 首先，在与其他文件相同的位置创建一个 script.js 文件——这里将包含你所有的逻辑。

2. 我们需要创建一个带有 ID 的 peer 对象。这个 ID 将用于连接两个 peer，如果你不创建 ID，则会自动分配一个。将以下内容添加到 script.js 文件中：

   js

   const peer = new Peer(
     `${Math.floor(Math.random() * 2 ** 18)
       .toString(36)
       .padStart(4, 0)}`,
     {
       host: location.hostname,
       debug: 1,
       path: "/myapp",
     },
   );
   

3. 然后你需要将 peer 附加到 window 对象，以便可以访问它。在之前的代码下方添加以下行：

   js

   window.peer = peer;
   

4. 在另一个终端窗口中，通过在你的 phone app 目录的根目录下运行以下命令来启动 peer 服务器：

   bash

   peerjs --port 443 --key peerjs --path /myapp
   

这看起来与我们在上一步创建的 peer 服务器非常相似；这是客户端部分。为了让浏览器连接到正在运行的 peer 服务器，我们需要告诉它如何连接；这正是上面一行代码的作用。

• 上一页
• 下一页