Kamil Schvarcz - PWA

Transcript

2. APEX Day 3.0 – 26.10.2023 Progressive web applications (PWA)
3. OBSAH PŘEDSTAVENÍ LEKTORA
4. Agenda 4 01 | Úvod o PWA 02 | PWA v APEXu 03 | Push notifikace 04 | Demo Obsah 05 | Co bude dál?
5. Představení 5 Kamil Schvarcz • Majitel APEX solutions • 25 let zkušeností s web technologiemi a databázemi jako Developer a Architekt APEX solutions • Vznik 2007 • Vývoj aplikací na míru, konzultace, integrace, školení, cloud / hosting, pen tests • Automatizace procesů, DMS, CRM, modernizace databáz, reporting • ČNB, Albert, Cetin, NN, Lidl, Tesco … https://www.linkedin.com/in/kamilschvarcz/ https://www.linkedin.com/company/apex- solutions-s-r-o/
6. Úvod o PWA
7. Progressive web applications (PWA) 7 • Jsou webové aplikace, které vypadají a načítají se jako běžné webové stránky • nabízí funkce běžně dostupné pouze nativním aplikacím: • Práci offline, • Push notifikace, • Přístup k hardwaru zařízení (fotoaparát, GPS souřadnice a pod.) • V APEXu od verze 21.2 (listopad 2021) • 21.2 - Declarative PWA, make APEX application installable • 22.1 - Service worker customization, Persistent authentication • 22.2 - shortcuts, install screenshots, and web share, geolocation and metatags support • 23.1 - Push Notifications
8. Progressive web applications (PWA) 8 • Instalují se z podporovaných prohlížečů
9. Benefity 9 Pro uživatele • Rychlejší práce s aplikací • Funguje offline a všude • Zabírá minimum místa v zařízení Pro developery • Není potřeba samostatný vývoj aplikací pro iOS a Android • Není potřeba mít placené účty v App Store nebo Google Play • Krátká doba uvedení na trh • Nezávislost back-endu Pro business • Přímá instalace bez nutnosti distribučních platforem • Nezávislost v procesu aktualizace • Komunikace s uživatelmi pomocí push notifikací • Pro uživatele se jeví jako nativní aplikace • Snižuje náklady na vývoj, funguje v Androide, iOs i na desktopu
10. PWA v APEXu
11. PWA v APEXu 11 • Samostaní nastavení základních vlastností v Shared components • Povolení PWA • Instalace • Popis aplikace • Základní barvy • Zobrazení v zařízení • Ikony a název aplikace se nastavují v User Interface Attributes
12. PWA v APEXu 12 Push notifikace • Musí povolit přihlášený uživatel uživatel • Povoluje v aplikaci i systémovým povolením • Využívá služby třetích stran k doručení notifikace push.apple.com, notify.windows.com, updates.push.services.mozilla.com, android.googleapis.com, fcm.googleapis.com
13. PWA v APEXu 13 Push notifikace • Přihlášení k notifikacím je uloženo v DB (pohled apex_appl_push_subscriptions) • Obsahuje nastavení pro subscription u třetí strany • Odesílání notifikací pomocí: • procesu „Send Push Notification“ • API apex_pwa.send_push_notification • Odesílání probíha přes queue (pohled apex_push_notifications_queue)
14. Demo
15. Co bude dál?
16. Co je v plánu? 16 • Odznaky pro upozornění uživatelů na aktivitu v aplikaci, která vyžaduje jejich pozornost • Více aplikací v jedné PWA • Automatizace nasazení přes Apple store a Android play • Vynucení používání PWA pro uživatele • Sdílení stránek a dat pomoci pomocí QR kódu (23.2) • Nahrávání obrázků s možností jejich editace (23.2) • Analytické nástroje pro PWA
17. DĚKUJI ZA POZORNOST Kamil Schvarcz / 732 126 276 kamil.schvarcz@apex-solutions.cz