開發即時協同作業應用程式的 5 個開源專案

本篇介紹的開源專案包含了程式庫、資料庫設計 ( 如何處理資料同步的問題/幫助前端使用 Reactive 程式設計的資料庫)、前端設計程式庫。還有一個類似 Google Document 即時協同編輯的完整範例，透過這些開源專案可以讓你掌握開發一個即時 Web 應用程式的技術架構。

程式庫

用於建構分散式即時協同作業 Web 應用程式的程式庫

• https://github.com/microsoft/fluidframework

Fluid Framework 是TypeScript 程式庫，用於建構分散式即時協同作業 Web 應用程式。

例如適合用來開發線上白板的功能，當有變更時，所有在線上的人都會看到即時的變更

React-Beautiful-DnD – 使用 React 開發無障礙的 Drag & Drop 元件

• https://github.com/atlassian/react-beautiful-dnd

之前在 Soft & Share 也介紹過另一個開源專案 – 使用 React 開發看板軟體，裡面的 Drag & Drop 就是使用這個元件

資料庫設計

使用 Javascript 開發的協同作業應用程式做資料同步與合併的資料結構庫程式庫

• https://github.com/automerge/automerge

如果你要開發一個讓使用者在線上同時編輯的文件，你要如何處理同步與合併的問題? 這個程式庫提供的資料結構類似 JSON ，但是它幫你處理同步與合併的問題

這個團隊還開發了一個類似 Trello 的程式做範例，使用這個 P2P 的文件同步與合併系統

開源響應式 NoSQL 資料庫

• https://github.com/pubkey/rxdb

詳細介紹請參考 開源響應式 NoSQL 資料庫

應用程式

Etherpad: 即時協同作業文件編輯器

• https://github.com/ether/etherpad-lite

Etherpad 是一種即時協作編輯器，可擴充到成千上萬的即時使用者。 它提供了完整的資料匯出功能，並在你的控制下在你的伺服器上執行。

---

也許你會有興趣

• Socket.IO (與 websockets) – 詳細教學
• 使用 Pusher Laravel 和 vuejs 開發即時單網頁論壇 App
• 各種主題最受歡迎的課

不受 FB 演算法影響，歡迎透過 e-mail 訂閱網站更新