Liigu sisu juurde
Arutame projekti

Tehnoloogia lihtsas keeles

Mis on PWA — rakendus, mille saab paigaldada otse veebilehelt

PWA (Progressive Web App) on veebileht, mis oskab käituda nagu rakendus: selle saab panna telefoni ekraanile ilma rakendusepoeta, see avaneb ilma internetita ja uuendab end ise. Me teeme sellel tehnoloogial päris töösüsteeme — ja neli mängu, et saaksite seda ise järele proovida.

Töötab Androidil, iPhone’il ja arvutis

Lühidalt

PWA on tavaline veebileht, millele on õpetatud neli asja

Mingit maagiat pole: tänapäevased brauserid oskavad seda ise, kui veebileht on õigesti tehtud.

  • Paigaldub veebilehelt

    Avate aadressi, vajutate „Paigalda“ — ja ikoon on ekraanil. Ilma App Store’i ja Google Playta, ilma registreerimise ja sadade megabaitide allalaadimiseta.

  • Töötab ilma internetita

    Esimesel avamisel salvestab rakendus oma failid seadmesse. Edaspidi avaneb see ka lennurežiimis.

  • Uuendab end ise

    Uus versioon laaditakse taustal alla, kui te rakendust kasutate. Ei mingit „uuendage poes“.

  • Üks rakendus kõigile

    Android, iPhone, Windows, Mac — üks aadress ja üks kood. See on odavam nii arenduses kui ka hoolduses.

Paigaldamine

Kuidas PWA-d paigaldada

Igal platvormil on selleks kaks-kolm vajutust. Midagi ei pea ette alla laadima.

Android (Chrome, Edge, Samsung Internet)

  1. Avage rakenduse veebileht.
  2. Vajutage lehel nuppu „Paigalda“ või brauseri menüüs (⋮) valikut „Paigalda rakendus“.
  3. Ikoon ilmub ekraanile nagu tavalisel rakendusel.

iPhone ja iPad (Safari)

  1. Avage veebileht Safaris.
  2. Vajutage „Jaga“ — ruut noolega üles ekraani allosas.
  3. Valige „Lisa avakuvale“ ja vajutage „Lisa“.

iPhone ise paigaldamist ei paku — ainult „Jaga“ menüü kaudu. Rakendus avaneb täisekraanil, ilma aadressiribata.

Arvuti (Chrome, Edge)

  1. Avage veebileht.
  2. Vajutage aadressiriba paremas servas paigaldamise ikooni (monitor noolega).
  3. Rakendus ilmub Start-menüüsse või Docki ja avaneb oma aknas.

Ilma internetita

Miks see töötab võrguta

PWA sees on väike „abiline“ (seda nimetatakse service worker’iks). Esimesel avamisel paneb see vajalikud failid seadme mällu ja vastab seejärel rakenduse päringutele ise — sellest mälust, internetti minemata.

Seepärast avaneb rakendus liftis, keldris ja lennukis. Kui ühendus taastub, saadab see kogunenud andmed serverisse ja tõmbab uued. Nii töötab ka meie TelliApp Töökoda: fotode ja allkirjaga vastuvõtt vormistatakse ka ilma ühenduseta ja saadetakse serverisse hiljem. Arved, maksed ja dokumentide saatmine töötavad ainult ühendusega.

Samamoodi töötab TelliApp Mängude rekorditabel: lennukirežiimis tehtud rekord salvestub telefoni ja läheb ise ühisesse tabelisse, kui internet tagasi tuleb. Mängus on näha „Rekord saadetakse, kui internet tagasi tuleb“ ja seejärel „Saadetud“.

  • Avaneb lennurežiimis
  • Andmed ei kao
  • Sünkroonimine ühenduse taastumisel

Uuendused

Kuidas PWA uueneb

Iga kord, kui rakendus avatakse töötava internetiga, kontrollib see vaikselt, kas on ilmunud uus versioon. Kui on, laadib selle taustal alla ja pakub üleminekut siis, kui teile sobib. Kasutajatel ei ole „vanu versioone“, mida tuleks poes käsitsi uuendada, ja vea parandus jõuab kõigini minutitega, mitte poe kontrolli järel mitme päeva pärast.

Võrdlus

Mille poolest erineb PWA poerakendusest

Ausalt: kummalgi variandil on omad tugevused. Aitame valida, mis sobib just teie ülesandele.

PWA

  • Paigaldub lingi kaudu, ilma poe ja 15–30 % vahendustasuta
  • Üks versioon kõigile seadmetele — odavam teha ja hooldada
  • Uuendus kohe, ilma poe kontrollita
  • Ei võta sadu megabaite
  • Saab avada ka lihtsalt veebilehena — ilma paigaldamata

Rakendus App Store’ist / Google Playst

  • Nähtavam: seda leitakse poest
  • Täielik ligipääs riistvarale: Bluetooth, NFC, taustatöö, vidinad
  • Teavitused iPhone’il seadistuvad harjumuspärasemalt
  • Vaja on poes avaldamist ja arendajakontosid
  • Kaks koodi (iOS ja Android) või platvormideülene raamistik, näiteks Flutter

Kui palju ruumi see võtab

TelliApp Mängud — neli mängu, graafika ja heli
≈ 2,1 MB
Tavaline mäng poest
enamasti sajast megabaidist mõne gigabaidini

TelliApp Mängude maht on arvutatud saidi koostamisel — kõik rakenduse failid kokku. Kui palju need teie telefonis ruumi võtavad, näete mängude menüüs; seal saab need ka ühe nupuga kustutada.

Piirangud

Mida tasub ette teada

Kontrollitud Apple’i ja Google’i dokumentatsiooni järgi avaldamise hetkel.

  • iPhone ise paigaldamist ei paku

    Androidil näitab brauser nuppu „Paigalda“. iPhone’il seda pole — ainult „Jaga → Lisa avakuvale“. Me näitame pildiga juhist otse lehel.

  • Teavitused iPhone’il — alles pärast paigaldamist

    Push-teavitused töötavad iPhone’il ja iPadil alates iOS 16.4-st, kuid ainult avakuvale lisatud rakendustel ja ainult teie loal.

  • iPhone’il on kõik brauserid Safari mootoril

    Chrome ja Firefox on iPhone’il ehitatud samale WebKiti mootorile, seega on PWA võimalused neis samad mis Safaris. Euroopa Liidus lubas Apple teisi mootoreid, kuid avakuva veebirakendused töötavad endiselt WebKiti kaudu.

  • Pole Bluetoothi, NFC-d ega taustatööd

    PWA ei saa töötada Bluetooth-seadmete ja NFC-ga ega tee suletuna taustal midagi (iPhone’il seda enam). Vöötkoodiskanneri, kaamera ja asukoha jaoks võimalustest piisab.

  • Salvestatud andmed võidakse kustutada

    Kui seadmes saab ruum otsa, võib süsteem veebilehtede salvestatud andmed kustutada. Ka veebileht, mida pole Safaris seitse päeva kasutatud, võib andmetest ilma jääda — ekraanile paigaldatud rakendusi see ei puuduta. Olulised andmed elavad seetõttu serveris.

  • Paigaldatud koopia on eraldi

    iPhone’il hoiavad avakuva rakendus ja sama veebileht Safari vahelehel andmeid eraldi. Näiteks vahelehel tehtud mängurekord paigaldatud koopias ei ilmu.

Proovige ise

Paigaldage TelliApp Mängud, lülitage sisse lennurežiim ja leidke saladus

Neli väikest mängu, mis on tehtud sellel tehnoloogial: „Kaitse serverit“, „Mööda signaali üles“, „Lend läbi andmekeskuse“ ja „Viimane signaal“. Paigaldage rakendus veebilehelt, avage see vähemalt korra — ja lülitage siis internet välja. Mängud töötavad edasi ning igas neist avaneb salarežiim. Ilma registreerimise, reklaami ja isikuandmete kogumiseta: ühisesse rekorditabelisse jõuab ainult hüüdnimi, mille valite ise.

Aadress: telliapp.ee/play — avage telefonis

Töös

Sellel tehnoloogial töötavad meil päris süsteemid

Mängud on näitlikustamiseks. Päriselt hoiab PWA äriprotsesse käigus iga päev.

  • TelliApp Töökoda

    Remonditöökoja tellimuste arvestus: vastuvõtt allkirjaga, staatus QR-koodi järgi, hinna kooskõlastamine. Meistrid töötavad telefonist ja vastuvõtt töötab ka ilma ühenduseta.

    Töökojast →

  • Katlamaja juhtimine

    Raspberry Pi-l töötav seadmete kontroll- ja juhtimispaneel: graafikud, häired, teavitused. Avaneb omaniku telefonis rakendusena.

    Lähemalt →

Kontakt

Arutame teie projekti

Kirjutage paari sõnaga, mida on vaja teha — vastame ja pakume, millest alustada.

Vormi andmeid kasutame ainult teie päringule vastamiseks.