p2p editor

P2P -Editor

P2P -Code -Editor für Live -Codierungssitzungen, die im Browser funktionieren.

Dieses parallele P2P -Universum ist immer noch sehr dunkel. Erstellen Sie einen Stern, wenn Sie ihn heller machen möchten?

Das Universum erkunden »

Online -Demo · Roadmap · Beitrag leisten

Inhaltsverzeichnis

• Was macht der P2P -Editor?
• ? Warum P2P?
  • Vorteile von P2P
  • Zusätzliche Komplexität der voll verteilten Verteilung hinzugefügt
• Architektur
• Umgebungsaufbau
  • ? Benötigte Werkzeuge
  • Umgebungskonfiguration
  • ? Anwendungsausführung
  • ✅ Tests Ausführung
• Live -Demo
• Um
• ? Beitragen
• ⚖️ Lizenz

Was macht der P2P -Editor?

P2P -Editor ist ein Code -Editor, der im Browser arbeitet, mit dem Sie Live -Coding -Sitzungen teilen können. Sehen Sie es sich selbst an, eine neue Sitzung zu teilen:

1. Öffnen Sie eine P2P -Editor -Sitzung in Ihrem Browser
2. Teilen Sie Ihre Sitzungs -URL mit jemand anderem (oder sogar mit sich selbst in einem anderen Browserfenster?)
3. Beginnen Sie mit dem Tippen und genießen Sie das Echtzeit -Erlebnis!

Die Funktionen sind vorerst begrenzt, aber wir haben eine Roadmap und einige gute erste Ausgaben, um den P2P -Editor großartig zu machen. Schauen Sie sich den beitragenden Abschnitt an, wenn Sie sich engagieren möchten?

? Warum P2P?

Wir haben die Notwendigkeit eines zentralisierten Servers entfernt, auf dem alle Änderungen gespeichert werden. Die Kommunikation erfolgt von einem Peer (einem verbundenen Benutzer) zum anderen. Auf diese Weise haben wir einige Vorteile, müssen aber auch die zusätzliche Komplexität berücksichtigen:

Vorteile von P2P

• Direkte Kommunikation: Latenz und Bandbreite reduzieren.
• Keine Server: Keine Cloud, keine Skalierung, keine Bereitstellung, keine DevOps ...
• Keine SaaS:
  • Verfügbarkeit.
  • Keine Nutzungsbeschränkung.
  • Keine unbekannte (böswillige oder nicht) Verwendung Ihrer Daten.

Zusätzliche Komplexität der voll verteilten Verteilung hinzugefügt

• Datenkonsistenz.
• Netzwerkpartition / Topologie.
• Peer -Entdeckung und Verbindungseinrichtung.
• Authentifizierung / Autorisierung.
• Sicherheit und Privatsphäre.

Wir haben ein besonderes Interesse an der Entwicklung von P2P -Anwendungen. Sie können im Abschnitt mehr lesen.

Architektur

P2P -Editor -Bausteine:

• Code Editor: Ace
• Datenbank: Nur Protokoll anhängen (Hypercore)
• Kommunikation: webtc rtcdatachannel (webrtc-swarm)
• Peer Discovery: WEBRTC Signaling Server (SignalHub)
• Speicher: RAM

Workflow:

1. Gleichaltrige werden über den Signalisierungsserver entdeckt.
2. Für jede im Editor vorgenommene Änderung wird ein Delta, das diese Änderung darstellt, in die Hypercore -Datenbank beigefügt.
3. Die Hypercore -Datenbank repliziert ständig zwischen allen Gleichaltrigen über WEBRTC RTCDatachannel.
4. Wenn ein Peer ein Delta erhält, wird es auf seine Editor -Instanz angewendet.

Umgebungsaufbau

? Benötigte Werkzeuge

1. Docker installieren
2. git clone https://github.com/CodelyTV/p2p-editor dieses Projekt
3. Wechseln Sie zum Projektordner: cd p2p-editor

Umgebungskonfiguration

1. Kopieren Sie die Standardumgebungsvariablen: cp .env.dist .env
2. Ändern Sie bei Bedarf die Umgebungsvariablen: vim .env

? Anwendungsausführung

1. Starten Sie die Bewerbung mit Docker Compose: docker-compose up
2. Gehen Sie zu http: // localhost: 3617

✅ Tests Ausführung

1. Unit-Tests docker-compose run p2p-editor test

Live -Demo

1. So starten Sie eine neue Live-Code-Sitzung. Öffnen Sie http://p2p-editor.codely.tv.
2. Teilen Sie die URL mit den Benutzern, die Sie der Sitzung beitreten möchten.
3. Bearbeiten Sie die Datei.

Das ist alles! Alle Änderungen spiegeln sich sofort im Connected Pers -Editor wider.

Happy P2P -Codierung!

Um

Wir haben dieses Projekt im Kontext eines Lernprozesses über P2P -Kommunikation in einer Webumgebung gestartet. Der Zweck des P2P -Editors besteht darin, ein Lernen anzuwenden, indem wir Ansätze durchführen , bei dem wir unsere Erkenntnisse mit der Community teilen und gleichzeitig etwas Nützliches aufbauen können.

Wir veröffentlichen alle Lernressourcen, die wir im fantastischen P2P -Repository nützlich empfanden. Schauen Sie sich es an und fügen Sie auch Ihre Lieblingslinks hinzu!

Die erste Implementierung des P2P -Editors basiert auf Mathias Buus -Arbeit. Falls Sie dies lesen, vielen Dank, dass Sie so viele kostenlose (libre-) Ressourcen und Kenntnisse geteilt haben?

Der P2P -Editor ist eine nicht profitfreie Software, die von Benutzerbeiträgen und CodelEltV unterstützt wird.

? Beitragen

Wie können Sie dazu beitragen?

• Meldung von Fehler.
• Feedback bereitstellen und neue Funktionen vorschlagen.
• Dem Repo einen Stern geben.
• In Entwicklungslösung von Problemen, die als good first issue bezeichnet werden.
• Hinzufügen von Lernressourcen zu einem fantastischen P2P -Repository.

Sie können sich eine Vorstellung von der Roadmap des P2P -Editors machen, der sich den Rückstand und das Wiki ansieht.

⚖️ Lizenz

Die MIT -Lizenz (MIT). Weitere Informationen finden Sie unter Lizenz.