PWA не істей алады
- Қосымшалар дүкенінсіз, тікелей браузерден басты экранға орнату
- Мекенжай жолағы жоқ толық экран режимі
- Интернетсіз жұмыс: деректер құрылғыда сақталып, кейін синхрондалады
- Push-хабарламалар, соның ішінде iPhone-да
- Камера: фото, видео, штрих-кодтар мен QR-кодтарды сканерлеу
- Геолокация
- Жаңартулар модерациясыз, барлық пайдаланушыда бірден
Сайт PWA болуы үшін не қажет
- HTTPS: қорғалған байланыссыз браузер қосымшаны орнатуға мүмкіндік бермейді
- Web App Manifest: атауы, белгішелер, түстер және көрсету режимі
- Service worker: деректерді кэштейтін және желі жоқ кезде жауап беретін скрипт
- Қажетті өлшемдегі белгішелер, соның ішінде iOS үшін бөлек белгіше
Бұл бөлек өнім емес, сайттың үстіне қосылатын қабат. Сондықтан бар веб-қосымшаның интерфейсі телефонда ыңғайлы болса, оны да PWA етіп жасауға болады.
iPhone-дағы push-хабарламалар
Ұзақ уақыт бойы PWA технологиясына қарсы басты дәлел iOS жүйесінде хабарламалардың болмауы еді. iOS 16.4 нұсқасынан бастап (2023 жыл) Safari басты экранға қосылған сайттар үшін web push-ты қолдайды.
Маңызды шарт бар: пайдаланушы қосымшаны орнатпайынша, iPhone-да хабарламалар қолжетімсіз, сондықтан интерфейсте мұны қалай жасау керегін айтып кеткен жөн. Сенімділік үшін маңызды хабарламаларды Telegram-ға да қайталап жіберуге болады - Tandem қосымшасында солай жасалған.
PWA қай жерде шектеулерге тіреледі
- Фондық тапсырмалар: браузер қосымшаға фонда ұзақ жұмыс істеуге мүмкіндік бермейді, әсіресе iOS жүйесінде
- Bluetooth және NFC: Web Bluetooth және Web NFC iPhone-дағы Safari браузерінде қолдау таппайды
- Жүйемен терең интеграция: виджеттер, CarPlay, Apple Watch
- Құрылғы мүмкіндігінің шегінде жұмыс істейтін ауыр ойындар мен 3D
- Клиенттер сізді дәл сол жерден іздесе, сату арнасы ретіндегі қосымшалар дүкені
Пайдаланушы PWA қосымшасын қалай орнатады
- Android, Chrome: браузер мәзірі, одан кейін «Установить приложение» немесе «Добавить на главный экран»
- iPhone, Safari: «Поделиться» батырмасы, одан кейін «На экран «Домой»»
- Компьютер, Chrome немесе Edge: мекенжай жолағындағы орнату белгішесі
Көп пайдаланушы сайтты орнатуға болатынын білмейді, сондықтан кеңесті қосымшаның өзінде және дәл кезінде көрсеткен жөн: мысалы, кіре салысымен емес, алғашқы сәтті әрекеттен кейін.
Тармақ бойынша салыстыру
- Әзірлеу: PWA телефондар мен компьютерлер үшін бір код базасымен жазылады, ал нативті қосымшаның әдетте iOS пен Android үшін бөлек нұсқалары болады
- Жариялау: PWA сілтеме арқылы бірден қолжетімді, нативті қосымша App Store мен Google Play модерациясынан өтеді
- Жаңартулар: PWA барлығында бірден жаңарады, нативті қосымша - пайдаланушы оны жаңартқанда
- Орнату: PWA браузерден екі-үш түртумен орнатылады, бірақ бұл туралы айтып кету керек; нативті қосымшаны әдетте дүкеннен іздейді
- Құрылғы мүмкіндіктері: нативті қосымшаның қолжетімділігі кеңірек - фон, Bluetooth, NFC, виджеттер
Мысал: Tandem
Tandem - біз PWA негізінде жасаған жұпқа арналған жеке қосымша. Онда көңіл-күй чек-индері, қайталанатын тапсырмалар, камера арқылы штрих-кодтарды сканерлейтін тамақтану күнделігі және болашаққа хаттар бар.
Қосымша желісіз жұмыс істейді, push және Telegram хабарламаларын жібереді, ал Supabase-тегі деректер дерекқордың жол деңгейінде (RLS) қорғалған: әркім тек өзінікін көреді. Мұндай өнімге App Store-ға жариялау негізінен модерация мен жаңартулардың кешігуін ғана берер еді.
Қалай шешуге болады
- Қосымшаны телефоннан анда-санда пайдаланады - мәзір, жазылу, тапсырыс, жеке кабинет: алдымен PWA жасаңыз
- Идеяны тез әрі қымбатқа түсірмей тексеру керек: PWA
- Негізгі функцияға фон, Bluetooth, NFC немесе виджеттер қажет: нативті қосымша
- Қосымшалар дүкені - сіздің сату арнаңыз: нативті қосымша
Егер PWA міндетке сәйкес келмесе, мұны бастапқыда айтамыз.
