离线优先与冲突解决：ABP vNext + PWA 的边缘同步

🛰️ 离线优先与冲突解决：ABP vNext + PWA 的边缘同步

---

---

0. 环境 🚀

# 后端
dotnet tool update -g Volo.Abp.Cli
abp new Acme.SyncDemo -t app --database-provider ef
cd Acme.SyncDemo
abp add-package Volo.Abp.AspNetCore.SignalR
dotnet add Acme.SyncDemo.HttpApi.Host package prometheus-net.AspNetCore
dotnet build

# 前端
npm create vite@latest pwa-edge-sync -- --template react-ts
cd pwa-edge-sync
npm i idb workbox-window workbox-routing workbox-strategies workbox-background-sync yjs diff-match-patch
npm run dev

# 压测与E2E（可选）
npm i -g k6@latest
k6 run scripts/k6-push.js

---

1. 场景与目标（痛点→指标）🎯

• 🛠️ 典型场景：巡检/质检、外勤单据、低信号工位

• SLO：

  • ✅ 离线录入/编辑 100% 可用
  • ⚡ 恢复联网后回放延迟 p95 ≤ 3s
  • 🧩 冲突可解释/可回滚/可审计（字段级 LWW/OT/CRDT）

---

2. 架构与时序 🗺️

2.1 总体架构

2.2 写入-回放-合并-追平时序