p2p editor

P2Pエディター

ブラウザで機能するライブコーディングセッションのP2Pコードエディター。

この平行したP2Pユニバースはまだ非常に暗いです。あなたがそれをより明るくしたいなら星を作成しますか？

宇宙を探索»

オンラインデモ・ロードマップ・貢献

目次

• P2Pエディターは何をしますか？
• ？なぜP2P？
  • P2Pの利点
  • 完全に分布する複雑さを追加しました
• 建築
• 環境のセットアップ
  • ？必要なツール
  • 環境構成
  • ？アプリケーションの実行
  • ✅実行のテスト
• ライブデモ
• について
• ？貢献
• ⚖️ライセンス

P2Pエディターは何をしますか？

P2Pエディターは、ブラウザで動作するコードエディターであり、ライブコーディングセッションを共有できます。新しいセッションを共有することで自分でそれを見る：

1. ブラウザでP2Pエディターセッションを開きます
2. セッションURLを他の誰かと共有します（または別のブラウザウィンドウで自分と一緒にいますか？）
3. タイピングを開始して、リアルタイムエクスペリエンスをお楽しみください！

機能は今のところ限られていますが、P2Pエディターを素晴らしいものにするためのロードマップといくつかの良い最初の問題があります。参加したい場合は、貢献セクションをご覧ください。

？なぜP2P？

すべての変更が保存される集中サーバーの必要性を削除しました。通信は、1つのピア（接続されたユーザー）からもう1つのピアユーザーに行われます。これを行うには、いくつかの利点がありますが、追加の複雑さも考慮する必要があります。

P2Pの利点

• 直接通信：遅延と帯域幅を減らします。
• サーバーなし：クラウド、スケーリング、展開なし、DevOps ...
• saasはありません：
  • 可用性。
  • 使用制限はありません。
  • データの不明な（悪意のあるかどうか）使用はありません。

完全に分布する複雑さを追加しました

• データの一貫性。
• ネットワークパーティション /トポロジ。
• ピアディスカバリーと接続の確立。
• 認証 /承認。
• セキュリティとプライバシー。

P2Pアプリケーション開発に特に関心があります。詳細については、Aboutセクションをご覧ください。

建築

P2Pエディタービルディングブロック：

• コードエディター：エース
• データベース：ログのみを追加します（ハイパーコア）
• コミュニケーション：webrtc rtcdatachannel（webrtc-swarm）
• ピアディスカバリー：WeBRTCシグナリングサーバー（SignalHub）
• ストレージ：ラム

ワークフロー：

1. ピアはシグナリングサーバーを介して発見されます。
2. エディターで行われた各変更について、その変更を表すデルタがハイパーコアデータベースに追加されます。
3. HyperCoreデータベースは、WeBRTC RTCDATACHANNELを介してすべてのピア間で絶えず複製されています。
4. ピアがデルタを受け取ると、エディターインスタンスに適用されます。

環境のセットアップ

？必要なツール

1. Dockerをインストールします
2. このプロジェクトをクローンする： git clone https://github.com/CodelyTV/p2p-editor
3. プロジェクトフォルダー： cd p2p-editorに移動します

環境構成

1. デフォルトの環境変数をコピーします： cp .env.dist .env
2. 必要に応じて環境変数を変更します： vim .env

？アプリケーションの実行

1. Docker Compose： docker-compose upでアプリケーションを開始します
2. http：// localhost：3617にアクセスしてください

✅実行のテスト

1. ユニットテストの実行： docker-compose run p2p-editor test

ライブデモ

1. 新しいライブコードセッションを開始するには、http：//p2p-editor.codely.tvを開きます。
2. セッションに参加するユーザーとURLを共有します。
3. ファイルの編集を開始します。

それだけです！すべての変更は、接続されたピアエディターに即座に反映されます。

幸せなP2Pコーディング！

について

このプロジェクトは、Web環境でのP2P通信に関する学習プロセスのコンテキストで開始しました。 P2Pエディターの目的は、何か便利なものを構築しながら学習をコミュニティと共有できるアプローチを行うことにより、学習を適用することです。

Awesome P2Pリポジトリで役立つと感じたすべての学習リソースを公開しています。お気軽にチェックして、お気に入りのリンクも追加してください！

P2Pエディターの最初の実装は、Mathias Buus作業に基づいています。これを読んだ場合は、無料の（Libre）リソースと知識を共有してくれてありがとう。

P2Pエディターは、ユーザーの貢献とCodelyTVによってサポートされている非利益フリーソフトウェアです。

？貢献

どのように貢献できますか？

• バグの報告。
• フィードバックを提供し、新機能を提案します。
• レポに星を与える。
• 開発に関与することはgood first issueされた問題の解決を解決します。
• Awesome P2Pリポジトリに学習リソースを追加します。

バックログとWikiを見ているP2Pエディターのロードマップのアイデアを得ることができます。

⚖️ライセンス

MITライセンス（MIT）。詳細については、ライセンスをご覧ください。