Spec-Zone.ru › Web APIs

Создание сервера

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

В этой статье мы настроим сервер для нашего приложения для телефонов. Файл сервера будет выглядеть как обычный файл Express сервера с одним отличием — сервер Peer.

  1. Сначала создайте файл server.js в той же папке, что и файлы HTML и CSS, которые вы создали ранее. Это точка входа в наше приложение, как определено в нашем файле package.json.

  2. Вам нужно будет начать код с требования к серверу Peer в верхней части файла server.js, чтобы убедиться, что у нас есть доступ к серверу Peer:

    const { ExpressPeerServer } = require("peer");
    
  3. Затем вам нужно фактически создать сервер Peer. Добавьте следующий код ниже предыдущей строки:

    const peerServer = ExpressPeerServer(server, {
      proxied: true,
      debug: true,
      path: "/myapp",
      ssl: {},
    });
    

    Мы используем объект ExpressPeerServer для создания сервера Peer, передавая ему некоторые параметры в процессе. Сервер Peer будет обрабатывать сигнализацию, необходимую для WebRTC, поэтому нам не нужно беспокоиться о серверах STUN/TURN или других протоколах.

  4. Наконец, вам нужно сказать вашему приложению использовать сервер peerServer вызвав app.use(peerServer). Ваш завершенный файл server.js должен включать в себя и другие необходимые зависимости, которые вы бы добавили в файл сервера, а также предоставлять файл index.html по корневому пути.

    Обновите файл server.js так, чтобы он выглядел следующим образом:

    const express = require("express");
    const http = require("http");
    const path = require("path");
    const app = express();
    const server = http.createServer(app);
    const { ExpressPeerServer } = require("peer");
    const port = process.env.PORT || "8000";
    
    const peerServer = ExpressPeerServer(server, {
      proxied: true,
      debug: true,
      path: "/myapp",
      ssl: {},
    });
    
    app.use(peerServer);
    
    app.use(express.static(path.join(__dirname)));
    
    app.get("/", (request, response) => {
      response.sendFile(`${__dirname}/index.html`);
    });
    
    server.listen(port);
    console.log(`Listening on: ${port}`);
    
  5. Вы должны иметь возможность подключиться к вашему приложению по адресу localhost (в нашем примере server.js мы используем порт 8000, но вы можете использовать другой номер порта). Запустите yarn start (где start относится к скрипту, который вы объявили в package.json на предыдущей странице) в вашей консоли. Перейдите по адресу localhost:8000 в вашем браузере, и вы должны увидеть страницу, которая выглядит так:

    A cream background with the words 'phone a friend' in bold, dark green font as the heading. 'Connecting...' is immediately below that and 'please use headphones!' below that. Following on, a big dark green button with 'Call' written in the same cream color of the background.

Если вы хотите узнать больше о Peer.js, ознакомьтесь с репозиторием сервера Peer.js на GitHub.

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

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API/Build_a_phone_with_peerjs/Build_the_server

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API