p2p editor

P2P編輯器

P2P代碼編輯器用於在瀏覽器中使用的實時編碼會話。

這個平行的P2P宇宙仍然非常黑。如果您想使其更明亮，請創建星星？

探索宇宙»

在線演示·路線圖·貢獻

目錄

• P2P編輯器做什麼？
• ？為什麼要P2P？
  • P2P的好處
  • 添加了完全分佈的複雜性
• 建築學
• 環境設置
  • ？需要工具
  • 環境配置
  • ？申請執行
  • ✅測試執行
• 現場演示
• 關於
• ？貢獻
• ⚖️許可證

P2P編輯器做什麼？

P2P編輯器是在瀏覽器中使用的代碼編輯器，可讓您共享實時編碼會話。自己分享一個新會議：

1. 在您的瀏覽器中打開P2P編輯器會話
2. 與其他人分享您的會話URL（甚至在另一個瀏覽器窗口中與您自己？）
3. 開始打字並享受實時體驗！

目前，功能是有限的，但是我們有一個路線圖和一些很好的第一個問題，可以使P2P編輯器出色。如果您想參與進來，請查看貢獻部分？

？為什麼要P2P？

我們已經取消了將所有更改保存的集中式服務器的需求。通信是從一個對等（連接的用戶）到另一個對等用戶進行的。通過這樣做，我們有一些好處，但我們還必須考慮到額外的複雜性：

P2P的好處

• 直接通信：減少延遲和帶寬。
• 沒有服務器：沒有云，沒有擴展，沒有部署，沒有Devops ...
• 沒有SaaS：
  • 可用性。
  • 沒有使用限制。
  • 您的數據沒有未知（惡意或不明）的用法。

添加了完全分佈的複雜性

• 數據一致性。
• 網絡分區 /拓撲。
• 同行發現和連接建立。
• 身份驗證 /授權。
• 安全和隱私。

我們對P2P應用程序開發特別感興趣。您可以在“關於”部分中閱讀更多內容。

建築學

P2P編輯器構建塊：

• 代碼編輯器：ACE
• 數據庫：僅附加日誌（超核）
• 通信：Webrtc rtcdatachannel（Webrtc-swarm）
• 同行發現：WEBRTC信號服務器（SignalHub）
• 存儲：RAM

工作流：

1. 同行是通過信號服務器發現的。
2. 對於編輯器中進行的每個更改，代表更改的三角洲將附加到HyperCore數據庫。
3. HyperCore數據庫通過WEBRTC RTCDATACHANNEL在所有同行之間不斷複製。
4. 當對等接收Delta時，將應用於其編輯器實例。

環境設置

？需要工具

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編碼！

關於

我們在網絡環境中有關P2P通信的學習過程的背景下啟動了該項目。 P2P編輯器的目的是通過採取學習方法來應用學習，我們可以在構建有用的東西的同時與社區分享我們的學習。

我們正在發布我們發現在很棒的P2P存儲庫中有用的所有學習資源。請隨時查看並添加您喜歡的鏈接！

P2P編輯器的初始實現基於Mathias Buus的工作。如果您閱讀了這篇文章，非常感謝您分享了這麼多免費（Libre）資源和知識？

P2P編輯器是一個非利潤的免費軟件，由用戶貢獻和CodelyTV支持。

？貢獻

您如何做出貢獻？

• 報告錯誤。
• 提供反饋並建議新功能。
• 給倉庫一個明星。
• 參與開發解決問題，將問題標記為good first issue 。
• 將學習資源添加到很棒的P2P存儲庫中。

您可以了解P2P編輯器的路線圖，以查看積壓和Wiki。

⚖️許可證

麻省理工學院許可證（麻省理工學院）。請參閱許可證以獲取更多信息。