Den Server erstellen
In diesem Artikel richten wir den Server für unsere Telefon-App ein. Die Server-Datei wird wie eine normale Express-Server-Datei aussehen, mit einem Unterschied: dem Peer-Server.
-
Erstellen Sie zunächst eine Datei mit dem Namen
server.js
am gleichen Ort wie die zuvor erstellten HTML- und CSS-Dateien. Dies ist der Einstiegspunkt unserer App, wie in unsererpackage.json
Datei definiert. -
Sie müssen Ihren Code damit beginnen, den Peer-Server am Anfang der
server.js
Datei einzubinden, um sicherzustellen, dass wir Zugriff auf den Peer-Server haben:jsconst { ExpressPeerServer } = require("peer");
-
Erstellen Sie dann tatsächlich den Peer-Server. Fügen Sie den folgenden Code unter Ihrer vorherigen Zeile hinzu:
jsconst peerServer = ExpressPeerServer(server, { proxied: true, debug: true, path: "/myapp", ssl: {}, });
Wir verwenden das
ExpressPeerServer
Objekt, um den Peer-Server zu erstellen und übergeben ihm dabei einige Optionen. Der Peer-Server wird das Signalisieren, das für WebRTC erforderlich ist, für uns übernehmen, sodass wir uns nicht um STUN/TURN-Server oder andere Protokolle kümmern müssen. -
Schließlich müssen Sie Ihrer App mitteilen, den
peerServer
zu verwenden, indem Sieapp.use(peerServer)
aufrufen. Ihr fertigesserver.js
sollte die anderen notwendigen Abhängigkeiten enthalten, die Sie in einer Serverdatei einschließen würden, sowie die Bereitstellung derindex.html
Datei auf dem Root-Pfad.Aktualisieren Sie
server.js
, damit es wie folgt aussieht:jsconst 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}`);
-
Sie sollten in der Lage sein, über
localhost
auf Ihre App zuzugreifen (in unsererserver.js
verwenden wir Port 8000, aber Sie können eine andere Portnummer verwenden). Führen Sieyarn start
aus (wobeistart
auf das Skript verweist, das Sie auf der vorherigen Seite inpackage.json
deklariert haben) in Ihrem Terminal. Besuchen Sielocalhost:8000
in Ihrem Browser und Sie sollten eine Seite sehen, die so aussieht:
Wenn Sie mehr über Peer.js erfahren möchten, schauen Sie sich das Peer.js Server-Repo auf GitHub an.