Зашто су прогресивне веб апликације будућност веб развоја

„Кључ је рано прихватити поремећај и промене. Не реагујте на то деценијама касније. Не можете се борити против иновација “. - Риан Каванаугх

У последње време много се бруји око ПВА-а, многи тврде да је то будућност веб развоја, посебно у погледу мобилних уређаја. У својој основи, Прогресивна веб апликација (ПВА) је једноставно веб апликација која користи савремене веб технике како би корисницима пружила искуство налик нативној апликацији. То су веб апликације са прогресивним побољшањем за примену функција попут кеширања, синхронизације у позадини и пусх обавештења.

Иако ПВА постоје већ више од две године, одговор је прилично неодољив. Мало је великих играча који су прихватили ову филозофију, али већина је заправо није много прихватила. Цхроме и Мозилла су можда најбољи прегледачи за тестирање ваших ПВА-ова јер Аппле тек треба да уђе у ове ствари.

ПВА - Да ли је стварно добро?

С једне стране, имамо изворне апликације које су несумњиво брзе и ефикасне у већини случајева. С друге стране, постоје веб локације које су некако споре, а са проблемима повезивања то се само погоршава.

Убрзани пројекат за мобилне странице (АМП) на челу са Твиттер-ом и Гоогле-ом покренут је 2016. године само да би решио те споро споро повезивање. ПВА раде беспрекорно у свим могућим сценаријима. Са добром везом никад нема проблема. Проблем је када немамо везу и дочека нас страница са грешком.

Али ово може постати најнеугодније ако имамо успорену везу. Изгледа да се страница учитава и све што видимо је празан екран. Само чекамо, чекамо и чекамо, али изгледа да се страница никада не учита. Овде нам ПВА долази у помоћ. Најбољи део о ПВА-има - добијате најбоље могуће корисничко искуство у спором повезивању, као и без повезивања (да, добро сте прочитали ..).

Зашто има смисла користити ПВА

Према студији, просечни корисник троши 80% свог укупног времена на апликације на само три своје апликације (за мене Цхроме, Куора и Медиум).

Остале апликације већину овог времена само мирују и одузимају драгоцени део меморије. Штавише, развој апликације захтева десетак пута, а не стварање веб странице за исту. Трошкови могу да постану много већи ако планирате да развијете и одржавате одвојене базе кодова за различите платформе као што су Андроид, иОС и веб.

Нативе Апп функције које ПВА могу да користе

  • Пусх обавештења
  • Цео екран
  • Офлајн рад
  • Подржан је почетни екран, што му даје више изгледа попут апликације

ПВА могу да користе много више таквих карактеристика. Горње тачке су само да би вам дале наговештај за шта су способни ПВА. Међутим, постоје неке традиционалне функције које од сада уживају само изворне апликације.

Нативе Апп функције које ПВА од сада не могу да користе

  • Нема или је врло рестриктиван приступ различитим хардверским сензорима
  • Аларми
  • Приступ именику
  • Модфииинг Систем Сеттингс

ПВА се развијају прилично брзо и можемо се надати да ће ове функције ускоро почети да делују.

Две главне компоненте ПВА

Апп Манифест

То је ЈСОН датотека која дефинише икону апликације, начин покретања апликације (самостално, преко целог екрана, у прегледачу итд.) И све сличне информације. Налази се у корену ваше апликације. На ову страницу је потребна веза до ове датотеке.

Додаје се у заглавље ХТМЛ странице:

Service Worker

Service worker is where most of the magic of happens. Its nothing but JavaScript code that acts as programmable proxies solely responsible for intercepting and responding to network requests. Since it acts as a proxy and can be easily programmable, the application must be served over HTTPS to keep the data secure.

Its worth noting that the service worker caches the actual response, including all HTTP headers, rather than just the response data. This means that your application can simply make network requests and process the response without any specific code to handle the cache.

How do I get started?

The best thing about getting started is that it’s quite easier than it seems. In fact, it’s very much possible to take an existing site and convert into a PWA. I highly suggest you watch this if you intend to develop a PWA.

Thanks for reading! If you liked it, please support by clapping and sharing the post.