الهدف
بعد هالدرس عندك service worker يحفظ الـ assets، تطبيقك يـdetect انقطاع الشبكة ويعرض UI مناسب، وتعرف شنو تكاش وشنو تجيب دايما من السيرفر.
ليش هذا الحين؟
مستخدميك في الكويت يستخدمون تطبيقك في مترو دبي، طيارة، نقطة ضعيفة في المبنى. لو تطبيقك يموت بدون إنترنت = uninstall على طول. هالدرس هو الفرق بين app يظل مثبّت و app ينحذف.
الفكرة
Service Worker: برنامج JavaScript يشتغل في background خارج الـ main thread. يعترض كل network requests ويقدر يرجع من cache بدل ما يروح للسيرفر. هذا اللي يخلي التطبيق يشتغل offline.
اللي تكاشه:
- HTML/CSS/JS الأساسي — دايما
- الصور والـ fonts — دايما
- بيانات المستخدم الثابتة (profile، settings) — ترجع من cache، تحدّث في background
اللي ما تكاشه:
- بيانات real-time (أسعار، inventory)
- authentication tokens (خذها دايما من السيرفر)
- payment flows — دايما من السيرفر
Capacitor Network Plugin:
يعطيك حالة الشبكة الـ native (WiFi، Cellular، None) بدقة أكبر من navigator.onLine.