Организация совместной работы в приложении всегда кажется большим геморроем и отметается на этапе планирования большинства приложений. По сути, сейчас принято пилить реалтайм-взаимодействие только там, где это часть обязательного функционала, в качестве дополнительной фишки его не встретить. Разработчики из Anwendo хотят исправить эту ситуацию и представляют okdb библиотеку и сервис, позволяющие снять с себя львиную долю проблем и сложности, связанных с организацией совместных рабочих сессий.
Реализация
Фронтенд подключается через Realtime API и позволяет синхронизировать курсоры, имена и фокус пользователей с бэкэндом на GraphQL.
Realtime API работает на вебсокетах, пересылая только изменения, внесённые пользователем. Синхронизацией всех поступающих изменений занимается бэкэнд-сервис. В доках можно почитать API reference.
GraphQL пока умеет работать только с PostgreSQL с полным покрытием таблиц, индексов и связей. Остальные базы на подходе.
Собираем пример
Нам потребуется node.js и, конечно, git.
git clone https://github.com/okdb-io/okdb-sample-todo.git cd okdb-sample-todo/backendnpm installnpm run server
Сервер запустится на 7899 порту. Кстати, исходник здесь: github.com/okdb-io/okdb-sample-todo/blob/master/backend/server.js
Собственно запуск сервиса происходит здесь:
const OkdbServer = require("okdb-server");// Create and start server on 7899 port by default.// CORS is disabled by default, let's enable it,// because demo frontend and backend run on different ports on localhostconst options = { cors: { enabled: true }}const okdb = new OkdbServer(options);{...}// sample authentication, e.g. should validate your own auth tokenokdb.handlers().auth((token) => { if(token === "12345") { return { id: "1", name: "User"} } return null;});
Собираем фронт:
cd okdb-sample-todo/frontendnpm installnpm start
Код App.js здесь: github.com/okdb-io/okdb-sample-todo/blob/master/frontend/src/App.js
Теперь на 3000 можно открыть приложение в нескольких браузерах и посмотреть на магию.
Если лень билдить всё вручную, можно воспользоваться готовыми демками на codesandbox:
Бэк
Также доступны и более функциональные демки:
Таблица
Лагучий графический редактор
Текстовый редактор
Заключение
odkb пока не вышел из ниши начинающих продуктов, но в нише синхронизации у него есть все шансы закрепиться. Сейчас он полностью опенсорсный, всё доступно в репозиториях проекта. В дальнейшем разработчики собираются монетизироваться через продажу облачной реализации и поддержку. В планах допил интеграций с основными БД и контейнеризация сервиса, ну и новые фичи, конечно.
На правах рекламы
Серверы для размещения сайтов и любых других задач это про наши эпичные! Все серверы защищены от DDoS-атак, автоматическая установка удобной панели управления VestaCP. Лучше один раз попробовать ;)
