PWA (Progressive Web Application) nima?

PWA — bu brauzerda ishlaydigan va mahalliy mobil ilova kabi ko'rinadigan va harakat qiladigan veb-ilovadir.

PWA ning asosiy xususiyatlari:

• Ishonchlilik: Service Workers yordamida offline ishlaydi.
• Ishlash tezligi: Tez yuklanadi va foydalanuvchi harakatlariga javob beradi.
• O'rnatilishi mumkinligi: Foydalanuvchilar PWA ni qurilmaning asosiy ekraniga qo'shishlari mumkin.
• Topilishi: Qidiruv tizimlari tomonidan indekslangan.
• Jozibadorligi: Push-xabarnomalar yuborishi mumkin.
• Javob beruvchanligi: Har qanday ekran o'lchamiga moslashadi.
• Xavfsizlik: Faqat HTTPS da ishlaydi.

PWA da foydalaniladigan texnologiyalar:

• Service Workers: Brauzer va tarmoq o'rtasida proksi, resurslarni kesh qilish va offline ishlash imkonini beradi.

  // Service Worker o'rnatish misoli
  if ('serviceWorker' in navigator) {
    window.addEventListener('load', () => {
      navigator.serviceWorker.register('/service-worker.js')
        .then(registration => {
          console.log('Service Worker ro'yxatdan o'tkazildi:', registration.scope);
        })
        .catch(error => {
          console.log('Service Worker ro'yxatdan o'tkazishda xato:', error);
        });
    });
  }
  

• Web App Manifest: Ilova haqida ma'lumotlar (ism, ikonalar, ekran orientatsiyasi va boshqalar) bilan JSON fayli.

  {
    "short_name": "My PWA",
    "name": "Misol PWA",
    "icons": [
      {
        "src": "/images/icon-192x192.png",
        "type": "image/png",
        "sizes": "192x192"
      },
      {
        "src": "/images/icon-512x512.png",
        "type": "image/png",
        "sizes": "512x512"
      }
    ],
    "start_url": "/",
    "background_color": "#3367D6",
    "display": "standalone",
    "scope": "/",
    "theme_color": "#3367D6"
  }
  

• HTTPS: Xavfsiz ulanishni ta'minlaydi.

PWA ning afzalliklari:

• Ilova do'konlari orqali o'rnatishni talab qilmaydi.
• Qurilma joyini kamroq egallaydi.
• Yangilanishi osonroq.
• Brauzer qo'llab-quvvatlaydigan barcha platformalarda mavjud.

PWA testlari quyidagilarni o'z ichiga oladi:

• Onlayn va offlayn rejimlarda funksionallik.
• Asosiy ekraniga o'rnatish va ishlash.
• Turli qurilmalarda javob beruvchanlik.
• Push-xabarnomalar.
• Service Worker va kesh qilishning ishlashi.
• Ilova manifesti.
• Ishlash tezligi.