Подключение равных

• Предыдущая
• Следующая

В предыдущей статье мы настроили сервер, но он пока ничего не делает, потому что мы ничего не предоставляем. Это та часть, которую вы ждали — фактическое создание подключения к узлу на стороне клиента и логики вызова. Это будет сложный процесс, но мы разбили его на несколько подразделов, чтобы вы могли справиться с различными частями небольшими порциями.

1. Сначала создайте файл script.js в той же папке, что и другие — здесь будет храниться вся ваша логика.

2. Нам нужно создать объект узла с идентификатором. Идентификатор будет использоваться для подключения двух узлов друг к другу, и если вы его не создадите, узлу будет присвоен один. Добавьте следующее в script.js:

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

3. Затем вам нужно подключить узел к окну, чтобы он был доступен. Добавьте следующую строку ниже вашего предыдущего кода:

   window.peer = peer;
   

4. В другом окне терминала запустите сервер узлов, выполнив следующую команду в корневом каталоге вашего приложения для телефона:

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

Это очень похоже на сервер узлов, который мы создали на предыдущем шаге; это клиентская часть. Для того, чтобы браузер смог подключиться к работающему серверу узлов, нам нужно указать, как это сделать; именно это делает вышеупомянутая строка.

• Предыдущая
• Следующая