Pakalpojums

PWA lietotņu izstrāde uzņēmumiem

PWA jeb progresīvo tīmekļa lietotņu izstrāde: instalējamas lietotnes, kas strādā arī bezsaistē un darbojas iOS, Android un datorā no viena koda, bez lietotņu veikala pa vidu.

PWA lietotņu izstrāde

iConcept izstrādā PWA jeb progresīvās tīmekļa lietotnes uzņēmumiem Latvijā un ārvalstīs: pašapkalpošanās portālus, pasūtījumu un rezervāciju lietotnes, lietotnes darbam objektos un iekšējos rīkus, kas instalējas no pārlūka un turpina strādāt bez interneta.

Progresīvā tīmekļa lietotne ir web lietotne, ko telefons vai dators uztver kā instalētu lietotni. Tā saņem ikonu sākuma ekrānā, atveras pilnā ekrānā bez pārlūka joslām, saglabā datus darbam bezsaistē un var sūtīt push paziņojumus. Tā darbojas iOS, Android, Windows un macOS no viena koda, un atjauninājums nonāk pie visiem lietotājiem tajā pašā brīdī, kad to publicējam.

Web lietotnes būvējam kopš 2007. gada. Komandā ir ap 47 speciālistiem, un strādājam gan ar Latvijas, gan ar Norvēģijas, Dānijas, Nīderlandes, Beļģijas un Lielbritānijas klientiem.

Ko PWA dod uzņēmumam

  • Viens kods trīs lietotņu vietā. Viena un tā pati lietotne ir gan mājaslapa, gan Android, gan iPhone lietotne. Maksājat par vienu izstrādi un vienu atjauninājumu kārtu, nevis par paralēlām native komandām.
  • Nav lietotņu veikala starp jums un lietotāju. Lietotājs instalē lietotni no saites vai QR koda. Nav pārbaudes rindas, nav veikala komisijas par maksājumiem un nav jāgaida atjauninājuma apstiprinājums.
  • Strādā bez savienojuma. Service worker saglabā ekrānus un datus, kas lietotājam vajadzīgi, tāpēc tehniķis pagrabā vai šoferis starp bāzes stacijām turpina darbu un sinhronizē vēlāk.
  • Ātrāk palaist un mainīt. Jauna funkcija ir pieejama visiem lietotājiem izlaišanas dienā. Nav jāuztur vecas lietotnes versijas.
  • Atrodama Google. PWA joprojām ir mājaslapa, tāpēc tās publiskās lapas tiek indeksētas un atved apmeklētājus, ko native lietotne nevar.

Kad PWA ir pareizā izvēle un kad nav

PWA der, ja lietotne galvenokārt sastāv no ekrāniem, formām, sarakstiem un datiem: klientu pašapkalpošanās portāli, B2B pasūtījumi, rezervācijas un grafiki, lojalitātes programmas, atskaites no objektiem, pārbaužu saraksti, pārskati un iekšējie rīki. Tā der arī tad, ja lietotāji jāsasniedz ātri, nesūtot viņus vispirms uz lietotņu veikalu.

Native lietotne ir labāka izvēle, ja vajadzīga dziļa piekļuve ierīces aparatūrai: Bluetooth ierīces, atrašanās vietas izsekošana fonā, smaga 3D grafika vai funkcijas, ko Apple web lietotnēm ierobežo. Ja veikala ieraksts vajadzīgs mārketinga dēļ, to pašu PWA var iepakot un publicēt Google Play un App Store. Būvējam arī native un cross-platform mobilās lietotnes un godīgi pateiksim, kurš variants der jūsu gadījumam.

Kā mēs būvējam progresīvās tīmekļa lietotnes

Backend parasti ir Laravel vai Node.js, frontend Vue.js, Svelte vai React, saskarnei Tailwind CSS. PWA slānis ir web lietotnes manifests, service worker ar katram ekrānam izvēlētu kešošanas stratēģiju, bezsaistes rezerves lapa, fona sinhronizācija, kur process to prasa, un Web Push paziņojumi Android un iOS 16.4 vai jaunākās versijās.

Katra lietotne iziet Lighthouse PWA pārbaudes un manuālus instalēšanas testus uz īstiem iPhone un Android telefoniem, jo instalēšanas uzvednes un bezsaistes uzvedība Safari un Chrome atšķiras. Savienojam lietotni ar sistēmām, ko jau lietojat: ERP un grāmatvedību, CRM, maksājumu pakalpojumiem, bankām un identitātes risinājumiem, piemēram, SSO.

Kods pieder jums. Tas glabājas jūsu repozitorijā, darbojas jūsu infrastruktūrā vai mūsu iestatītā ES mākoņa mitināšanā, un ar katru laidienu nododam dokumentāciju.

Piemērs: pašapkalpošanās PWA atkritumu apsaimniekošanas grupai

CleanR, vienai no lielākajām atkritumu apsaimniekošanas grupām Latvijā, izstrādājām pašapkalpošanās lietotni Manai videi kā progresīvo tīmekļa lietotni. Klienti to instalē no pārlūka un izmanto, lai apskatītu izvešanas grafikus, pārvaldītu līgumus, pasūtītu papildu pakalpojumus un apmaksātu rēķinus. Tehnoloģijas: Laravel, Vue.js un Tailwind CSS ar web lietotnes manifestu un service worker, kas notur lietotni lietojamu bezsaistē. Viens kods apkalpo iPhone, Android un datoru lietotājus, un tā pati lietotne ir pieejama arī App Store.

Esošas web lietotnes pārvēršana par PWA

Ja jums jau ir web lietotne, PWA slāni pievienojam tai: izvērtējam frontend, pievienojam manifestu un service worker, izplānojam bezsaistes uzvedību, iestatām push paziņojumus un salabojam veiktspējas problēmas, kas traucē instalēšanai. Vecākām lietotnēm varam izplānot pakāpenisku pārbūvi, kas ļauj biznesam strādāt bez pārtraukuma.

Sadarbība ar iConcept

Strādājam gan fiksēta apjoma, gan agile projektos. Jūs saņemat projektu vadītāju kā vienu kontaktpersonu, demonstrāciju katra sprinta beigās un rakstisku tāmi pirms darba sākuma. Komanda atrodas Rīgā. Vairāk par to, kas ir PWA un kā tā atšķiras no native lietotnes, lasiet mūsu rakstā.

Kā notiek PWA izstrāde

Definējam lietojuma gadījumu

Nosakām, kas lietotni lietos, uz kādām ierīcēm un kādos apstākļos, arī to, vai viņi būs bezsaistē. Tas nosaka kešošanas stratēģiju un pirmā laidiena apjomu.

Dizains un prototips

UX skices un klikšķināms prototips, ko pārbaudām ar īstiem lietotājiem, tāpat kā lietojamības testos Manai videi, pirms rakstām kodu.

Būvējam lietotni un PWA slāni

Backend, frontend, manifests, service worker, push paziņojumi un integrācijas divu nedēļu sprintos ar demonstrāciju katra beigās.

Testējam uz īstām ierīcēm un palaižam

Lighthouse pārbaudes, instalēšanas un bezsaistes testi uz iPhone un Android, slodzes testi un palaišanas plāns ar QR kodu vai saiti instalēšanai.

Uzturam un attīstām

Monitorings, atjauninājumi, kad pārlūki maina PWA uzvedību, jaunas funkcijas un atbalsts ar noteiktu reakcijas laiku.

BUJ

Ar ko PWA atšķiras no native lietotnes?

Native lietotni raksta atsevišķi iOS un Android un izplata caur lietotņu veikaliem. PWA ir web lietotne, kas instalējas no pārlūka un darbojas visās platformās no viena koda. Native lietotnes uzvar dziļā piekļuvē aparatūrai. PWA uzvar izmaksās, atjauninājumu ātrumā un sasniedzamībā.

Vai PWA strādā uz iPhone?

Jā. Safari iOS atbalsta PWA instalēšanu sākuma ekrānā, bezsaistes kešošanu un kopš iOS 16.4 arī push paziņojumus. Dažas funkcijas ir ierobežotākas nekā Android, tāpēc testējam uz īstiem iPhone un plānojam risinājumu ap šiem ierobežojumiem.

Vai PWA var strādāt bezsaistē?

Jā. Service worker saglabā ekrānus un datus, kas lietotnei vajadzīgi, tāpēc lietotāji turpina lasīt, aizpildīt formas un uzkrāt darbības bez savienojuma. Izmaiņas sinhronizējas, kad ierīce atkal ir tiešsaistē. Kuri dati paliek pieejami bezsaistē, ir dizaina lēmums, ko pieņemam kopā ar jums.

Vai PWA var sūtīt push paziņojumus?

Jā, uz Android, Windows, macOS un uz iOS 16.4 vai jaunākas versijas, kad lietotne ir instalēta sākuma ekrānā. Paziņojumi izmanto Web Push standartu, tāpēc pamata iestatīšanai nav vajadzīgs ne Firebase, ne Apple izstrādātāja konts.

Cik ilgi aizņem PWA izstrāde?

Fokusēts pirmais laidiens, piemēram, pašapkalpošanās portāls ar dažām galvenajām plūsmām, parasti aizņem divus līdz četrus mēnešus no sākuma līdz palaišanai. PWA slāņa pievienošana esošai web lietotnei aizņem nedēļas, nevis mēnešus. Rakstisku tāmi sniedzam pēc īsas izpētes.

Cik maksā PWA izstrāde?

Cenu nosaka apjoms, un tāmi sagatavojam rakstiski pēc īsas izpētes. Tā kā viens kods nosedz iOS, Android un datoru, kopsumma parasti ir krietni zem divu native lietotņu un mājaslapas izmaksām kopā.

Vai varat pārvērst mūsu esošo mājaslapu vai web lietotni par PWA?

Vairumā gadījumu jā. Izvērtējam esošo frontend, pievienojam manifestu un service worker, izplānojam bezsaistes uzvedību un salabojam veiktspējas problēmas, kas traucē instalēšanai. Lietotnēm uz ļoti veciem ietvariem vispirms var būt vajadzīga daļēja pārbūve, un to pasakām uzreiz.

Vai joprojām vajag App Store vai Google Play?

Lai lietotne strādātu, nē. Lietotāji instalē PWA no saites. Ja veikala ieraksts vajadzīgs redzamībai, to pašu PWA var iepakot un publicēt Google Play un ar zināmiem nosacījumiem arī App Store, kā to izdarījām Manai videi.

Sāciet savu projektu jau šodien!