Відкриття PWA для IOS
Реалізація відкриття PWA на iOS за deep-link з WhatsApp
1. Загальний опис
Проєкт створений на платформі Lovable.
Додаток працює як PWA (Progressive Web App) та встановлюється користувачами на iPhone через Safari ("Додати на екран додому").
Необхідно реалізувати механізм, при якому:
Користувач отримує повідомлення у WhatsApp
У повідомленні міститься URL з конкретним маршрутом (наприклад:
При натисканні на посилання:
якщо PWA встановлений — відкривається саме PWA,
і одразу відкривається сторінка, що відповідає URL
якщо PWA не встановлений — відкривається веб-версія у Safari
2. Функціональні вимоги
2.1 Deep Linking
Реалізувати коректну обробку deep-link у PWA на iOS:
Підтримка відкриття маршруту типу:
/order/:id
/client/:id
інші внутрішні маршрути (SPA-навігація)
При відкритті через Safari або WhatsApp:
якщо додаток встановлений через Home Screen → відкривається PWA
маршрут не втрачається
сторінка не редіректиться на головну
2.2 Поведінка при встановленому PWA
Якщо користувач вже встановив PWA:
Посилання з WhatsApp повинно:
відкривати саме встановлений додаток
зберігати маршрут
коректно ініціалізувати стан (auth, дані, токени)
2.3 Поведінка при неавторизованому користувачі
Якщо користувач не залогінений:
Після відкриття deep-link:
відкривається сторінка логіну
після успішної авторизації — редірект на первинний маршрут
3. Технічні вимоги
3.1 PWA конфігурація
Перевірити та при необхідності реалізувати:
Коректний manifest.json
start_url
scope
display: standalone
HTTPS обов'язково
Коректна робота Service Worker
Відсутність повних перезавантажень сторінок (SPA)
3.2 iOS специфіка
Врахувати особливості iOS:
PWA відкривається в окремому standalone-контексті
Потрібно забезпечити:
правильну обробку window.location
коректну ініціалізацію роутера
збереження параметрів URL
3.3 Маршрутизація
Якщо використовується:
Next.js / React Router / інший SPA роутер —
необхідно гарантувати:
роботу прямого відкриття маршруту
роботу при оновленні сторінки
роботу через deep-link
4. Приклад сценарію
Статус замовлення змінюється
Система відправляє WhatsApp повідомлення з URL:
Копировать код
Користувач натискає посилання
Якщо PWA встановлений:
відкривається PWA
відкривається сторінка замовлення №4582
Якщо PWA не встановлений:
відкривається веб-версія
5. Очікуваний результат
PWA коректно відкривається з deep-link на iOS
Маршрут не губиться
Не відбувається редірект на головну
Авторизація зберігається
Поведінка стабільна при повторному відкритті
6. Бажано
Тестування на реальному iPhone
Перевірка відкриття з:
Safari
Telegram
Врахування edge-cases:
додаток у фоні
додаток повністю закритий
закінчився токен
Актуальні фриланс-проєкти в категорії Веб-програмування
ИИ-агент технолога спортивного харчуванняАгент допомагає розробляти рецептури нових продуктів спортивного харчування — протеїнових батончиків, протеїнів, передтренувальних добавок, ізотоніків, батончиків тощо. Головна особливість: агент знає законодавство різних країн і автоматично враховує його при створенні… AI та машинне навчання, Веб-програмування ∙ 16 хвилин тому ∙ 11 ставок |
Розробка корпоративної фінансової системи — React, TypeScript, Node.jsШукаємо досвідченого full-stack розробника або невелику команду для розробки корпоративної фінансової системи з нуля. Необхідно реалізувати повний цикл розробки: проектування архітектури, backend, frontend, базу даних, тестування та запуск системи. Технології: Frontend: React,… Javascript та Typescript, Веб-програмування ∙ 47 хвилин тому ∙ 29 ставок |
Syrve/iiko + LiqPay: QR-меню, замовлення зі столу, чайові, підтвердження офіціантомПотрібен розробник / інтегратор для ресторану, який має досвід із Syrve/iiko або подібними POS-системами. Задача: реалізувати або спроєктувати інтеграцію QR-меню та QR-оплати для ресторану через Syrve/iiko та PrivatBank/LiqPay. Потрібна схема роботи: На кожному столі є QR-код.… Веб-програмування ∙ 2 години 49 хвилин тому ∙ 17 ставок |
Усунення проблем із навантаженням на хостингу WordPress/WooCommerce сайтуШукаємо спеціаліста для діагностики та усунення проблем із навантаженням на хостингу WordPress/WooCommerce сайту Є діючий e-commerce сайт на WordPress + WooCommerce. Сайт періодично падає або працює нестабільно під час великої кількості запитів — як з різних IP-адрес, так і,… DevOps, Веб-програмування ∙ 3 години 46 хвилин тому ∙ 35 ставок |
Трансформація сайту-каталогу WordPress у магазин (WooCommerce, Mono/LiqPay, Нова Пошта)
6000 UAH
Вітання! Є працюючий сайт-каталог автоелектроніки — autoden.com.ua. Платформа: WordPress 5.4.19. Зараз на сайті є товари та ціни, але немає можливості онлайн-покупки. Що потрібно зробити: Налаштувати та інтегрувати плагін WooCommerce під поточний дизайн. Перевести існуючі… CMS, Веб-програмування ∙ 4 години 31 хвилина тому ∙ 50 ставок |