proto.lib

Background Sync: hàng đợi offline và đồng bộ khi có mạng trở lại

Khi trang mất mạng, service worker nhận request ghi, lưu vào một hàng đợi bền (IndexedDB) rồi đăng ký một sync tag; trình duyệt tự quyết định thời điểm bắn sự kiện sync khi có kết nối trở lại (kể cả sau khi đã đóng tab) và worker phát lại các request đã xếp hàng kèm idempotency key trước khi báo cho người dùng.

ApplicationTrung bình2026-08-24
Background Sync: hàng đợi offline và đồng bộ khi có mạng trở lại

Tags

#background-sync#service-worker#offline-first#indexeddb#retry#pwa

Tài liệu tham khảo

Mở rộng

Animation gốc là một file HTML tự chứa, có thể nhúng lại ở bất kỳ trang nào khác. Mở file gốc

Liên quan

ApplicationNâng cao

Vòng đời cập nhật Service Worker: install → waiting → activate

Service worker mới install() xong sẽ vào trạng thái WAITING chừng nào còn tab cũ mở với controller cũ; skipWaiting() ép activate ngay có thể làm tab cũ vỡ vì code đã load còn đang kỳ vọng asset cũ, nên cần chiến lược an toàn hơn: báo người dùng reload, versioned asset URL, và xoá cache cũ ở activate.

#service-worker#pwa#cache-api#skip-waiting
ApplicationTrung bình

Service Worker và Offline Caching

Service Worker cài đặt sẵn app shell vào cache rồi chặn các fetch event để phục vụ cache-first, giúp ứng dụng chạy được khi offline; phiên bản mới sẽ dọn cache cũ khi activate.

#service-worker#offline#cache-api#pwa
ApplicationNâng cao

File System Access API: web app mở/ghi trực tiếp file trên máy

showOpenFilePicker() trả về FileSystemFileHandle cho phép web app đọc và ghi trực tiếp vào file trên đĩa qua writable stream, thay vì chỉ upload/download; quyền truy cập chỉ cấp theo cử chỉ người dùng (user gesture), handle có thể lưu vào IndexedDB để mở lại lần sau, và ghi nên qua tệp tạm rồi đổi tên để tránh mất dữ liệu nếu crash giữa chừng.

#file-system-access-api#filesystemhandle#indexeddb#user-gesture