使用Expo、WatermelonDB和Supabase构建离线优先的React Native应用
内容提要
本文介绍了如何在React Native应用中使用Supabase和WatermelonDB实现离线优先的数据处理。离线优先的应用能够在无网络时使用，并在有网络时同步数据，从而提升用户体验。尽管存在数据过时和冲突的问题，但通过WatermelonDB的策略可以有效管理数据。文章还提供了构建示例应用的步骤，包括设置数据库模型和同步功能。
延伸解读
离线优先的权衡：体验提升与数据冲突
离线优先让应用在无网络时也能使用，且在线时数据读写先在本地进行，带来即时响应的体验。但文章指出，这可能导致数据过时，若多处离线修改，还会产生冲突。示例采用WatermelonDB的简单策略：最后修改的记录获胜，而非CRDT等复杂方案。读者需注意，这种策略可能覆盖其他设备的更改，适合冲突较少或可容忍最终一致性的场景。
同步机制：基于Postgres函数与RPC
文章通过Supabase RPC调用两个Postgres函数（push和pull）实现同步。push接收本地变更的JSON并写入数据库，pull根据上次同步时间戳返回累积的变更。这样每次同步仅两次数据库调用，逻辑集中在数据库端。但需为每个数据模型对象扩展这些函数，并维护时间戳转换工具，增加了后端复杂度。
数据模型变更的摩擦：双端维护成本
采用此方案后，数据模型变更需同时维护Supabase的数据库模式和WatermelonDB的本地模式，并更新同步函数。相比仅使用Supabase SDK时只需添加迁移和重新生成类型，这里的工作量显著增加。因此，文章认为该方案更适合数据模型稳定、且对交互性能要求高的应用，否则可能得不偿失。
Q&A
如何在React Native应用中实现离线优先的数据处理？
可以使用WatermelonDB作为离线优先的数据存储，并通过Supabase进行数据同步。
WatermelonDB在离线优先应用中有什么优势？
WatermelonDB采用简单的策略来管理数据冲突，允许最新的记录更改生效，从而提高数据一致性。
使用Supabase进行数据同步的步骤是什么？
需要创建Postgres函数，通过Supabase RPC调用这些函数来实现数据的推送和拉取。
离线优先应用可能面临哪些挑战？
离线优先应用可能会面临数据过时和冲突的问题，尤其是在多个地方同时修改数据时。
如何设置WatermelonDB的数据库模型？
需要为存储和同步的数据创建模型，具体可以参考WatermelonDB的文档。
为什么离线优先的应用在未来会变得重要？
离线优先的应用可以提升用户体验，提供更可靠和快速的交互，尤其在网络不稳定的情况下。
