التطبيق الميداني دون إنترنت

واجهة عربية على الهاتف مع حفظ محلي وحالة مزامنة واضحة — نفس كود Next.js كتطبيق PWA

دون اتصاللا عمليات معلّقة
مهام اليوم — هبة النجار
تسجيل توزيع
العمليات على الجهاز
لا توجد عمليات بعد

    جرّب السيناريو

    1. سجّل عمليتين أو ثلاثًا والجهاز دون اتصال — تُحفظ محليًا.
    2. شغّل الاتصال واضغط «مزامنة».
    3. اضغط «إعادة إرسال الكل» لمحاكاة ضعف الشبكة — الخادم لا يحتسب العملية مرتين.

    سجل الخادم

    بانتظار العمليات…
    عمليات معتمدة على الخادم: 0

    كيف يعمل تقنيًا

    قبل الجولة: يُنزّل التطبيق (PWA) المهام والمدارس والكميات المخصّصة إلى IndexedDB عبر Dexie.js.

    أثناء التوزيع: كل عملية تحمل op_id فريدًا (UUID) يُولّد على الجهاز وتُحفظ محليًا.

    عند عودة الاتصال: Service Worker يرسل الطابور إلى POST /api/sync؛ الخادم يستخدم op_id كمفتاح فريد (Idempotency) فلا تكرار.

    عند التعارض: إن تجاوزت الكمية رصيد المدرسة تُحال العملية للمراجعة قبل أن تؤثر على المخزون.