PWA — Встановлення додатку

Сторінка «PWA» допомагає користувачам встановити застосунок BIMS на свій пристрій як звичайний додаток. Progressive Web App працює офлайн, завантажується миттєво та займає мінімум місця на пристрої.


Терміни

  • PWA (Progressive Web App) — веб-застосунок, який можна встановити на пристрій як нативний додаток без завантаження з магазину
  • Офлайн-режим — можливість працювати із застосунком без підключення до інтернету завдяки кешуванню даних
  • Головний екран — робочий стіл мобільного пристрою або комп'ютера, на який додається іконка застосунку
  • Push-сповіщення — повідомлення від застосунку, що надходять на пристрій навіть коли браузер закрито
  • Адресний рядок — поле вводу URL у браузері, де може відображатися іконка встановлення PWA

Загальний огляд

Сторінка містить опис переваг PWA та покрокові інструкції встановлення для трьох платформ: iPhone/iPad (Safari), Android (Chrome) та комп'ютер (Chrome/Edge). Кожна інструкція супроводжується наочними кроками з іконками дій.

Переваги PWA

Офлайн-режим

Застосунок працює навіть без інтернету завдяки кешуванню даних на пристрої.

Швидкість

Завантажується миттєво після встановлення, як нативний додаток.

Економія місця

Займає мінімум пам'яті на пристрої порівняно зі звичайними додатками.

Push-сповіщення

Користувач отримує сповіщення як у реальному мобільному додатку.

Покрокові сценарії

Як встановити на iPhone / iPad (Safari)

  1. Відкрийте сайт у браузері Safari.
  2. Натисніть кнопку Поділитися внизу екрана.
  3. Прокрутіть вниз і оберіть «На Початковий екран».
  4. Натисніть «Додати» у верхньому правому куті.

Як встановити на Android (Chrome)

  1. Відкрийте сайт у браузері Chrome.
  2. Натисніть меню (⋮) у верхньому правому куті.
  3. Оберіть «Додати на головний екран».
  4. Підтвердіть, натиснувши «Встановити».

Chrome також може показати автоматичний банер із пропозицією встановити додаток.

Як встановити на комп'ютері (Windows · macOS · Linux)

  1. Відкрийте сайт у браузері Google Chrome або Microsoft Edge.
  2. Знайдіть іконку встановлення у правій частині адресного рядка.
  3. Натисніть на неї і підтвердіть «Встановити».

Якщо іконки немає — відкрийте меню Chrome і оберіть «Зберегти та поділитися → Встановити сторінку як програму».

💡 Корисні поради

💡 Для iPhone та iPad використовуйте виключно браузер Safari — інші браузери на iOS не підтримують встановлення PWA.

💡 На Android Chrome може автоматично запропонувати встановити додаток — скористайтеся цим банером для швидкого встановлення.

💡 Після встановлення іконка застосунку з'явиться на головному екрані — запускайте BIMS як звичайний додаток без відкриття браузера.

💡 PWA оновлюється автоматично — вам не потрібно вручну завантажувати нові версії з магазину.