Šta je PWA (Progressive Web Application)?

PWA - то је веб апликација која изгледа и понаша се као нативна мобилна апликација, али ради у прегледачу.

Основне карактеристике PWA:

• Поузданост: Ради офлајн захваљујући Service Workers.
• Перформансе: Брзо се учитава и реагује на корисничке акције.
• Инсталирање: Корисници могу додати 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);
        });
    });
  }
  

• Web App Manifest: 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: Обезбеђује сигурну везу.

Предности PWA:

• Не захтевају инсталацију преко продавница апликација.
• Заузимају мање простора на уређају.
• Лакше се ажурирају.
• Доступне су на свим платформама са подршком за прегледач.

Тестирање PWA укључује проверу:

• Функционалности у онлајн и офлајн режимима.
• Инсталације и рада на главном екрану.
• Одговорности на различитим уређајима.
• Push обавештења.
• Рад Service Worker-а и кеширања.
• Манифеста апликације.
• Перформанси.