Создание сервера
В этой статье мы настроим сервер для нашего приложения для телефонов. Файл сервера будет выглядеть как обычный файл Express сервера с одним отличием — сервер Peer.
-
Сначала создайте файл
server.jsв той же папке, что и файлы HTML и CSS, которые вы создали ранее. Это точка входа в наше приложение, как определено в нашем файлеpackage.json. -
Вам нужно будет начать код с требования к серверу Peer в верхней части файла
server.js, чтобы убедиться, что у нас есть доступ к серверу Peer:const { ExpressPeerServer } = require("peer"); -
Затем вам нужно фактически создать сервер Peer. Добавьте следующий код ниже предыдущей строки:
const peerServer = ExpressPeerServer(server, { proxied: true, debug: true, path: "/myapp", ssl: {}, });Мы используем объект
ExpressPeerServerдля создания сервера Peer, передавая ему некоторые параметры в процессе. Сервер Peer будет обрабатывать сигнализацию, необходимую для WebRTC, поэтому нам не нужно беспокоиться о серверах STUN/TURN или других протоколах. -
Наконец, вам нужно сказать вашему приложению использовать сервер
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}`); -
Вы должны иметь возможность подключиться к вашему приложению по адресу
localhost(в нашем примереserver.jsмы используем порт 8000, но вы можете использовать другой номер порта). Запуститеyarn start(гдеstartотносится к скрипту, который вы объявили вpackage.jsonна предыдущей странице) в вашей консоли. Перейдите по адресуlocalhost:8000в вашем браузере, и вы должны увидеть страницу, которая выглядит так:
Если вы хотите узнать больше о 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