PWA (Барномаи веби пешрафта) чист?

PWA — ин applications web, ки ба назар мерасад ва ҳамчун барномаи мобилии нативӣ рафтор мекунад, дар ҳоле ки дар браузер кор мекунад.

Хусусиятҳои асосии PWA:

• Эътимоднокӣ: Бо ёрии Service Workers offline кор мекунад.
• Иҷрои: Бори зуд бор мешавад ва ба амалҳои корбар ҷавоб медиҳад.
• Илова кардан: Корбарон метавонанд PWA-ро ба экрани асосии дастгоҳ илова кунанд.
• Далелгирӣ: Аз ҷониби системҳои ҷустуҷӯ индексгузорӣ мешаванд.
• Муҳит: Мумкин аст, огоҳиномаҳои push фиристад.
• Ҷавобгӯ: Ба ҳар андозае аз экран мутобиқ мешавад.
• Бехатарӣ: Танҳо дар HTTPS кор мекунад.

Технологияҳое, ки дар PWA истифода мешаванд:

• Service Workers: Прокси сервер байни браузер ва шабаҳа, имкон медиҳад, ки захираҳоро кеш кунад ва офлайн кор кунад.

  // Намунаи насб кардани Service Worker
  if ('serviceWorker' in navigator) {
    window.addEventListener('load', () => {
      navigator.serviceWorker.register('/service-worker.js')
        .then(registration => {
          console.log('Service Worker бо доираи:', registration.scope, сабт шуд');
        })
        .catch(error => {
          console.log('Хатогии сабти Service Worker:', error);
        });
    });
  }
  

• МанIFEST Web App: Файли JSON бо маълумот дар бораи барнома (ном, нишонаҳо, самтгирии экран ва ғайра).

  {
    "short_name": "My PWA",
    "name": "Мо 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: Муҳофизат мекунад, ки пайвастагии бехатар бошад.

Арзишҳо:

• Нигоҳ доштани насб дар мағозаҳои барномаҳо лозим нест.
• ҷойи камтар мегирад дар дастгоҳ.
• ба осонӣ навсозӣ мешавад.
• дар ҳама платформаҳо бо дастгирии браузер дастрас аст.

Тестгирӣ:

• Функсионалӣ дар режимҳои онлайн ва офлайн.
• Насб ва кор дар экрани асосӣ.
• Ҷавобгӯӣ ба дастгоҳҳои гуногун.
• Push-омад.
• Кор ва кеши Service Worker.
• МанIFEST-и барнома.
• Иҷрои.