首选本地数据库比拼：打造最优化的Web聊天应用

首选本地数据库比拼：打造最优化的Web聊天应用

client-side-databasesAn implementation of the exact same app in Firestore, AWS Datastore, PouchDB, RxDB and WatermelonDB项目地址:https://gitcode.com/gh_mirrors/cl/client-side-databases

在这个开源项目中，开发者实现了一个相同的Web版聊天应用程序，以比较不同本地第一数据库技术的性能和特性。这个基于Angular的应用，以其类似WhatsApp Web的功能，为学习和比较各种数据库提供了绝佳的平台。

图：聊天应用界面截图

实现的数据库：

1. AWS Amplify Datastore
2. Firebase Firestore
3. PouchDB（搭配IndexedDB适配器与CouchDB复制）
4. RxDB LokiJS（LokiJS存储与GraphQL复制）
5. RxDB Dexie.js（Dexie.js存储与GraphQL复制）
6. WatermelonDB（LokiJS适配器，暂无后端同步）

性能指标：

项目内置自动化浏览器测试（Chrome:headless）来衡量各项性能指标。请注意，这些值会因设备差异而异，建议相对而非绝对地比较，并根据自身需求创建更有针对性的度量标准。

要复现这些结果，只需在根目录运行sh measure-metrics.sh。

指标解释：

• 页面加载时间：下载并解析JavaScript捆绑包所需的时间。
• 第一个Angular组件渲染：第一个Angular组件呈现的时间。
• 首次完整渲染：所有相关数据首次完全显示的时间。
• 插入一条消息：插入单条消息所需时间。
• 序列插入20条消息：连续插入20条消息的时间。
• 并行插入20条消息：同时插入20条消息的时间。
• 消息列表中的新消息变更：从插入新消息到消息列表更新的时间。
• 用户切换至消息列表更新：用户更改到新消息列表显示的时间。
• 搜索查询时间：按正则表达式或模糊匹配搜索消息所需时间。
• 存有许多消息时的首屏渲染：存在大量消息时的首屏渲染时间。
• 存储空间占用：测试数据集全部导入后的IndexedDB数据库大小。
• 源代码捆绑大小：未压缩的JavaScript捆绑包大小。
• 压缩后的捆绑大小：经过minify和gzip压缩的JavaScript捆绑包大小。

调查分析：

项目还对LokiJS为何更快，Firebase首次渲染为何较慢，以及PouchDB速度为何较慢等进行了深入探究，并揭示了各个数据库的优缺点。

功能特性对比：

该项目提供了一张详细的功能对照表，展示了每个数据库在离线优先、实时复制、多标签支持等方面的特性。

开启你的项目之旅：

首先确保安装了Node.js，然后克隆项目，运行npm install安装依赖，npm run build构建所有项目。不同的数据库启动命令略有不同，例如npm run start:firebase用于启动Firebase Firestore的生产前端和模拟服务器。

通过这个项目，你可以深入理解不同数据库在实际应用中的表现，并根据自己的需求做出最佳选择。无论是为了学习新技术，还是寻求提升现有应用性能的方法，这个开源项目都值得你一试。

client-side-databasesAn implementation of the exact same app in Firestore, AWS Datastore, PouchDB, RxDB and WatermelonDB项目地址:https://gitcode.com/gh_mirrors/cl/client-side-databases