Основи на прогресивните уеб приложения. Какво представляват прогресивните уеб приложения и какви възможности предлагат за вашия бизнес

Концепцията за прогресивни уеб приложения (PWA) съществува от дълго време, от пролетта на 2018 г. приложенията от този клас се поддържат от всички основни браузъри, но разпространението на PWA технологиите, въпреки очевидните им „предимства“, все още е много нисък.

Специалистите на Google (включително на Habré) пишат много информативно и компетентно за PWA, но техните препоръки са по-полезни за тези, които вече са запознати с темата. Тази статия има за цел да покаже, че прогресивните уеб приложения не са трудни и разработчиците на всякакви сайтове могат и трябва да използват тези технологии точно сега.

Философия на PWA

Като за начало си струва да се отбележи, че няма точна дефиниция за PWA приложение. Не е ясно дали този сайт е PWA или не. Това е разширена скала, в която може да бъде разположена и началната страница на второкурската Петя, която добави манифест на уеб приложение, който създава икона за сайта на началния екран на мобилен телефон; и външно неразличим от обикновен новинарски сайт, само потребителите на който могат да кажат, че е изненадващо бърз и удобен, и всичко това, защото някъде вътре в него бие топлото сърце на обслужващ работник (а).

Относителността на PWA се крие в самото име - "прогресивен". Прогресивен спрямо какво и до каква степен? Но тази относителност всъщност е много добра, защото можете постепенно да изучавате PWA технологиите и да ги прилагате в текущите си проекти, без глобално ремоделиране и рефакторинг.

От друга страна, PWA има идея и идеята е достатъчно ясна и мощна. И колко бавно се разгръща може да показва мащаба на последствията.

PWA архитектура

PWA е уеб приложение, създадено с помощта на специфични технологии за постигане на определени цели.

Целите се дешифрират, както следва:

Надеждност(Надежден) - приложението се зарежда и показва незабавно, независимо от състоянието и качеството на мрежовата връзка.
Бързина(Бърз) - обменът на данни през мрежата е бърз, потребителският интерфейс е гладък и отзивчив.
Привлекателност(Ангажиращо) - прави потребителското изживяване с приложението удобно и приятно, като го насърчава да иска да го изживее отново, и отново, и отново...

От гледна точка на Google, това е, което разделя външния вид и усещането на уебсайтовете от родните приложения сега.

С други думи, на разработчика се предлагат инструменти (Service Worker, Push Notifications и т.н.) и са посочени целите (сайтът/приложението трябва да се зарежда бързо, да работи със слаба връзка, да не „закъснява“, да работи офлайн, ако е необходимо) . Доколко по този път разработчикът зависи само от него.

PWA и родни приложения

Фактът, че PWA са повърхностно подобни на родните приложения е по-скоро козметично решение (макар и важно за потребителя от психологическа гледна точка). Но фактът, че те са сходни вътрешно (всички основни ресурси на приложението могат да се съхраняват на клиента, само променящото се съдържание ще се предава по мрежата) е огромно постижение.

Може дори да го наречете скрита революция. Всъщност браузърът се използва като вид виртуална машина, която съхранява и изпълнява PWA приложение. Точно както Android е виртуална машина за Android приложения, браузърът се превръща във виртуална машина за PWA. Точно както родното приложение осъществява достъп до своите ресурси през файловата система, така и PWA има достъп до своите ресурси – макар и чрез HTTP, но съхранявани локално.

И за веднъж всичко работи еднакво във всички основни браузъри и всички основни платформи.

Google атакува iOS

Има мобилни приложения, които трябва да са нативни (производителност, достъп до системни ресурси и т.н.), но има приложения, които по своята функционалност са доста осъществими като PWA. За тях сега:

Няма нужда да пишете различни версии за Android и iOS (и Windows)
- Няма нужда да се регистрирате в Google Play и App Store и да плащате за това
- Отворен директен достъп до работния плот

Досега пазарът на мобилни приложения беше затворен за ентусиасти, които могат да напишат полезна програма, но не могат/не искат да плащат, за да я хостват. И не искат да се забъркват с бюрокрацията на Google и Apple, за да проверят приложението, след което времената на монопола на Microsoft се спомнят с копнеж.

Сега тези бариери са разбити. И Google ги разби. Като се има предвид, че именно тя е флагманът на интернет технологиите, такова влизане на територията на iOS най-вероятно е доста обмислено и изчислено. Остава да изчакаме бума на PWA.

Разбира се, има разлики между PWA и нативните приложения - основно в правата за достъп до системни ресурси, но работата в тази посока върви дори в областта на чистия HTML5, а за PWA допълнителните привилегии няма да са проблем.

APK срещу PWA

От личен опит можете да си спомните как след прехвърлянето на един новинарски сайт да работи със Service Worker, беше решено да се изостави приложението за Android, направено според функционалността на сайта. И не толкова защото поддръжката му заема човешки ресурси, а защото PWA версията, изненадващо, беше по-бърза, по-красива и по-удобна за работа от java приложение.

Технологии

Нека да разгледаме набързо основните драйвери на PWA.

Обслужващ работник

Сърцето на PWA е Service Worker. Това е прокси слоят между предния и задния край, разположен в браузъра. Всички заявки на браузъра преминават през него. Това разделение на два независими слоя направи възможно прехода на обикновен уебсайт към PWA възможно най-лесно.

От съхранение, Service Worker "a има достъп до Cache Storage за уеб ресурси и IndexDB за данни. Но най-важното е пълна свобода за прилагане на бизнес логика.

Можете например да приемете заявка от браузър, да проверите състоянието на мрежата, да вземете данни от хранилището, да извършите операции с тях и да върнете някакъв резултат обратно на браузъра - който ще помисли, че отговорът е дошъл от сървъра. Или не - както иска разработчикът, той ще го направи. Два слоя на браузъра (клиентски интерфейс и обслужващ работник) ви позволяват да пишете пълноценни приложения.

В същото време за повечето сайтове функционалността за кеширане на Service Worker ще бъде достатъчна, за да се превърне в PWA.

PWA не зависи от никакви рамки, това е чист javascript, въпреки че дори експертите на Google по Habré по някаква причина съветват да използвате генератори на библиотечен код. Service Worker е красиво написан на ръка и това е необходимо, за да разберете и контролирате добре логиката на вашето приложение.

От гледна точка на програмиста, Service Worker е javascript файл, включен в html кода на страницата. В него разработчикът дефинира логиката за работа със заявки, идващи от интерфейса и друга функционалност.

HTTPS

PWA изисква всички ресурси на сайта да бъдат прехвърлени през HTTPS протокол. SSL сертификат може да се получи безплатно, някои хостери го правят вместо вас. Но е изключително важно сайтът да няма връзки към незащитени ресурси - някои браузъри просто няма да покажат сайта в този случай.

Основният проблем, който се среща в такива случаи, са снимките. Често редакторите или коментаторите поставят връзки към снимки от интернет в материала, понякога те автоматично попадат там (в материала). Необходимо е повторно да запазите снимките или за себе си, или в услуга с достъп през HTTPS.

Shell на приложението

Обвивката на приложението е просто скелет на графичен интерфейс, шаблон. Например, нека вземем среден сайт с хедър, две колони и т.н. Грубо казано, нека изрежем съдържанието на текущата страница и цялата динамична информация от нея, останалата статична част е обвивката на приложението.

Основното е, че обвивката на приложението се съхранява на клиента и се зарежда при стартиране на приложението, а след това в него се зарежда динамична информация от мрежата. И докато се зарежда, обвивката на приложението трябва да изглежда добре (полеви зареждачи и т.н.)

Тази архитектура на сайта - зареждане на съдържание и друга динамична информация чрез ajax повиквания - може да бъде обмислена и внедрена на сайта предварително, тогава преходът към PWA ще бъде доста лесен.

Обвивката на приложението е като обвивка за нативна програма. Вижте вашата PWA като нативна програма и много неща ще станат по-лесни.

Манифест на уеб приложението

JSON файл, декларативно дефиниращ името на приложението за браузъра, иконата, как ще изглежда PWA (на цял екран, самостоятелен и т.н.) и някои други параметри. Позволява ви да "инсталирате" PWA като самостоятелно приложение на началния екран на вашия смартфон.

Push известия

Ако сърфирате в интернет с Chrome DevTools, отворен в раздела Application, можете да видите колко малко сайтове използват PWA технология. И 90% от тези, които го използват само в името на Push Notifications.

Досега това е най-популярната и най-злоупотребявана PWA технология - през последните няколко месеца броят на сайтовете, влизайки в които първо търсите бутона "Блокиране" в офертата, за да получавате последните новини, нарасна, като усещане, много пъти, и самото желание да наложите своя Push е като Спам.

Но можете да предложите абонамент за второто или третото посещение на потребителя на сайта, когато вече е ясно, че той не е тук случайно.

• Превод

Виждали ли сте някога бутона Добавяне към началната страница, който изскача на екрана на вашия смартфон с Android, когато разглеждате уебсайт? Ако щракнете върху този бутон, на заден план на телефона ще бъде инсталирано определено приложение, иконата за стартиране на което ще отиде на главния екран. Сега това приложение може да се стартира и работи по почти същия начин, както преди, но само в обичайния телефонен интерфейс.

Това, за което говорим, е мобилно приложение, което е изтеглено от уеб приложение. Освен това, както виждате, не е нужно да взаимодействате с Play Market, за да инсталирате такова приложение. В резултат на това инсталирането на такива приложения е възможно най-лесно. Това обаче далеч не е най-интересното. Като стартирате такива програми, получавате възможност да работите с данните, които те показват, дори и без интернет връзка. Те ви позволяват да взаимодействате с уеб страници офлайн. Е, не е ли прекрасно?

Вероятно вече сте разбрали, че току-що говорихме за така нареченото Progressive Web App (PWA). Такова приложение може да бъде инсталирано директно от прозореца на браузъра, иконата за стартиране ще изглежда като иконата на обикновено мобилно приложение и, подобно на много мобилни приложения, ще ви позволи да работите с него без интернет връзка.

Добавяне към началния бутон

Сега нека да поговорим за това какво е "прогресивност" в приложението към уеб приложенията. Нека да ги разгледаме по-отблизо, да разберем как се различават от обикновените уеб приложения и също така да ви кажем защо вярвам, че PWA са по-добри от традиционните мобилни приложения.

Какво е прогресивно уеб приложение?

Терминът „Прогресивно уеб приложение“ е въведен от Алекс Ръсел и Франсис Бериман. Според Алекс, Progressive Web Apps са просто уебсайтове, които приемат правилните витамини. Това, което е в основата на PWA, не може да се нарече нова рамка или нова технология. Всъщност това е набор от най-добри практики за разработка, които ви позволяват да накарате уеб приложение да се държи много подобно на класическо настолно или мобилно приложение.

PWA икона на началния екран

PWA предоставят на потребителя нови удобни за потребителя изживявания чрез прогресивни подобрения на приложенията. Като цяло това означава, че PWA на мобилни устройства от различни поколения ще работят по приблизително същия начин. Разбира се, някои от функциите на обикновените телефонни приложения може да не са достъпни за тях, но такива приложения обикновено работят на различни устройства, както би трябвало да работят на тях.

Защо се нуждаем от прогресивни уеб приложения?

Преди да разберем защо PWA са необходими изобщо, нека поговорим за проблемите, с които се сблъскваме при проектирането на уеб приложения и обикновени мобилни приложения.

• Бавна скорост на интернет връзката. Може би там, където живеете, с бърз интернет всичко е наред, така че този проблем не ви засяга. Но 60% от населението на света все още използва 2G интернет. Дори в САЩ някои потребители имат само скорости, сравними с тези на конвенционалните модеми, използващи обикновени телефонни линии.
• Бавно зареждане на уебсайта. Ако сайтът се зарежда много бавно, знаете ли колко време изчаква потребителят, преди да щракне върху бутона за затваряне? Три секунди! 53% от потребителите напускат твърде бавни сайтове.
• Сложността на инсталирането на приложения. Потребителите не са склонни да инсталират конвенционални мобилни приложения. Средният потребител инсталира 0 приложения на месец.
• Включване на потребителите в работата с приложението. Потребителите прекарват по-голямата част от времето си в обикновени мобилни приложения, но обхватът на мобилните уеб потребители е приблизително три пъти по-голям. В резултат на това по-голямата част от потребителите не са особено активно ангажирани с приложенията, въпреки че тези потребители прекарват 80% от времето си в трите мобилни приложения, които използват най-много.

Прогресивните уеб приложения могат да помогнат за решаването на тези проблеми.

PWA в действие

Има много причини да използвате PWA, тук бих искал да подчертая основните възможности, които те предоставят. Ако опишете тези възможности с една дума, тогава абревиатурата FIRE (Бърз, интегриран, надежден, ангажиращ) е подходяща, тоест прогресивното уеб приложение трябва да е бързо, интегрирано в работната среда на устройството, надеждно и да има средства за включване на потребителите в работата с него....

1. Ако говорим за скорост, тогава PWA, на всички етапи от взаимодействието на потребителя с тях, работи бързо. Те са бързи за инсталиране, бързи за стартиране и бързи за работа. Тъй като PWA позволяват кеширане на данни, повторното стартиране на такива приложения е много бързо, дори без достъп до мрежови ресурси.
2. Интегрирането на PWA в средата на устройството се изразява във факта, че такива приложения се държат като обикновени приложения. Иконата за стартирането им се намира на началния екран, могат да работят с push известия, могат да използват същите функции на устройството като обикновените приложения. В резултат на това, когато работи с прогресивни уеб приложения, потребителят няма желание да напусне познатата среда.
3. Надеждността на интегрираните уеб приложения се основава на факта, че те могат да работят нормално без мрежова връзка, поради възможността за кеширане на данни чрез обслужващи работници.
4. Способността на PWA да ангажират потребителя с тях се основава на факта, че те могат да изпращат известия до потребителите. Това позволява на потребителя да бъде в крак с интересни събития, свързани с приложението, и го привлича да работи с това приложение.

Как да създам прогресивно уеб приложение?

Google публикува контролен списък за разработване на прогресивни уеб приложения. Нека разгледаме минималните изисквания за приложение, спазването на което ви позволява да го наречете PWA.

▍1. Манифест на приложението

PWA манифест е файл manifest.json с нещо подобно:

("name": "Набиращ популярност мем", "short_name": "Мем", "theme_color": "# 2196f3", "background_color": "# 2196f3", "дисплей": "самостоятелен", "ориентация": "портрет "," Обхват ":" / "," start_url ":" / "," икони ": [(" src ":" изображения / икони / icon-72x72.png "," размери ":" 72x72 "," тип ":" изображение / png "), (" src ":" изображения / икони / icon-96x96.png "," размери ":" 96x96 "," тип ":" изображение / png "), (" src ": "изображения / икони / икона-128x128.png", "размери": "128x128", "тип": "изображение / png"), ("src": "изображения / икони / икона-144x144.png", "размери ":" 144x144 "," тип ":" изображение / png "), (" src ":" изображения / икони / icon-152x152.png "," размери ":" 152x152 "," тип ":" изображение / png "), (" src ":" изображения / икони / icon-192x192.png "," размери ":" 192x192 "," тип ":" изображение / png "), (" src ":" изображения / икони / икона -384x384.png "," размери ":" 384x384 "," тип ":" изображение / png "), (" src ":" изображения / икони / icon-512x512.png "," размери ":" 512x512 ", "type": "image / png")], "splash_pages": null)
Пред нас е обикновен JSON файл, който съдържа мета информация за уеб приложение. Има данни за иконите на приложението (една от които потребителят вижда на главния екран след инсталиране на приложението), цвета на фона на приложението, пълното и съкратеното му име и т.н. Можете да напишете този манифест сами или можете да използвате специален инструмент, който автоматизира създаването на такива файлове.

Сайт, който улеснява създаването на файл manifest.json

▍2. Обслужващи работници

Сервизните работници са управлявани от събития работници, които работят във фонов режим на приложение и действат като посредници между приложението и мрежовите ресурси. Те могат да прихващат мрежови заявки и да кешират информация за приложението. Те могат да се използват за зареждане на данни, които планирате да използвате, за да накарате приложението да работи офлайн. Сервизните работници са програми на JavaScript, които прихващат обработката на определени събития и изпълняват определени задачи.

Ето примерен файл serviceworker.js.

Self.addEventListener ("извличане", събитие => (// кеширане на данни за работа офлайн const (заявка) = събитие; const url = нов URL (request.url); if (url.origin === местоположение. произход)) ( event.respondWith (cacheData (заявка));) else (event.respondWith (networkFirst (заявка));))); асинхронна функция cacheData (заявка) (const cachedResponse = await caches.match (заявка); return cachedResponse || извличане (заявка);)

▍3. Значки

Иконите се използват за стартиране на PWA, инсталирани на устройството. Гореспоменатият сайт, който помага за съставянето на файлове на манифест, ви позволява автоматично да генерирате набор от икони на приложения въз основа на един графичен файл с размери 512x512 пиксела, качен на този сайт. Генерираните файлове се записват във формат .png.

▍4. Сигурност

За да може едно приложение да се нарече PWA, то, наред с други неща, трябва да поддържа обмен на данни по защитен комуникационен канал, използващ HTTPS. SSL сертификат за установяване на такава връзка е лесно да се получи с помощта на възможностите на услуги като Cloudflare и LetsEncrypt. Защитата на приложението е не само нещо, което е абсолютно необходимо в наши дни, това е и начин да се демонстрира на потребителя надеждността на приложението и да се изгради доверие с него.

Резултати

В тази статия говорихме за прогресивни уеб приложения, говорихме за това защо са необходими, какви проблеми решават, какви изисквания са им наложени. Тук също засегнахме темата за тяхното развитие, по-специално говорихме за PWA манифеста, обслужващи работници, икони на приложения и факта, че те трябва да бъдат защитени с помощта на HTTPS. PWA технологията често се възприема като нещо изключително свързано със смартфоните с Android и доскоро тази гледна точка беше напълно правилна да съществува. Въпреки това, като се има предвид

Какво представляват уеб приложенията на Progressiwe (PWA)?

С прости думи, PWA е сайт, който потребителят може да добави към работния плот на телефона и да взаимодейства с него офлайн.

И ако малко усложним нещата, тогава PWA е група от приложения, която е изградена върху основния стек от уеб технологии (JS + HTML + CSS) и ви позволява да опростите взаимодействието със сайта до нивото на родно мобилно приложение. Основната задача на технологията е да увеличи конвертирането на страницата, да опрости взаимодействието на мобилния потребител с нея.

PWA технологията е разширение на AMP. Освен това AMP страниците могат да бъдат „напомпани“ до стандартите за прогресивни уеб приложения.

Типични изисквания на PWA:

• Адаптивност - правилна работа на всяко устройство
• Офлайн – когато използвате Service Worker, приложението трябва да работи офлайн
• Удобство - трябва да е удобно за потребителя да взаимодейства с приложението на неговото устройство
• Сигурност – трябва да има защита срещу прихващане и подмяна на данни
• Лесен за инсталиране - потребителят трябва да може да инсталира PWA сайта на устройството си с няколко щраквания
• Междуплатформена - технологията за разработка не зависи от платформата (android или iOs)

Недостатъци на PWA

1. Технологията е нова, следователно все още не е получила широко разпространение
2. Apple все още не е изразила намеренията си да подкрепи технологията

Защо PWA Business?

Изследванията показват, че потребителите вече не са склонни да инсталират пълноценни приложения на своите устройства.

Ето защо прогресивните уеб приложения имат светло бъдеще както за електронната търговия, така и за големите новинарски портали. Освен това прилагането на технологията дава невероятни резултати!

Примерно приложение за PWA

• AliExpressизползва PWA и увеличава конверсиите с около 104%.
• Конгаоптимизираха ресурса си, намалявайки количеството първоначално изтеглени данни с 92%.
• The Washington Postслед внедряването на PWA, увеличи посещаемостта на своите статии с 12%, ускорявайки зареждането от 8 секунди на 80 милисекунди

Представете си, че вашият сайт взаимодейства с потребителя като приложение. Тоест потребителят може да го инсталира на всяка притурка, да получава известия и да работи с него (дори и без интернет връзка). Това вече е реална технология, която Google активно популяризира и в тази публикация ще ви разкажа подробно за нея.

Прогресивни уеб приложения (PWA) Google обяви през 2015 г. Този формат за изграждане на мобилни сайтове привлече вниманието поради относителната си лекота на разработка и почти мигновено взаимодействие с потребителя. Още през май 2016 г., на конференцията за разработчици на Google I/O, The Washington Post демонстрира своето мобилно хибридно приложение сайт-приложение.

И това е само началото. Microsoft вече работи върху това как да добави прогресивни уеб приложения към Windows Store. Google през май 2016 г. обяви дълъг списък от идеи за разработване на прогресивни приложения. И изглежда неизбежно търсачките да се фокусират върху PWA в бъдеще.

Погледнете по-отблизо: Прогресивните приложения може да са вашият златен билет за SEO на бъдещето.

Защо бизнесът трябва да създава прогресивни уеб приложения и защо сега?

Да започнем с втория въпрос. Recode наскоро публикува проучване, което потвърди това, което много експерти вече имат в съзнанието си: бумът на традиционните приложения отмина и процентът на тези, които деинсталират приложенията, продължава да расте.

Comscore наскоро съобщи, че повечето потребители на смартфони изтеглят нула приложения на месец. Само около една трета от собствениците на смартфони изтеглят поне нещо, а повечето от тях изтеглят между едно и три приложения на месец.

Защо прогресивните уеб приложения ще направят разликата?

1. Потребителите могат да навигират до прогресивни приложения от връзки към социалните медии, докато сърфират в мрежата или директно от SERP. Съгласете се, това е много по-удобно, отколкото да се конкурирате за изгледи с два милиона налични приложения в IOS App Store или Google Play Store.

2. Оферта за инсталиране на прогресивно приложение се показва само когато уеб приложението отговаря на определени критерии и потребителят е проявил интерес чрез повторно посещение на сайта.

3. Приложението се инсталира незабавно. Всички компоненти, които изискват дълго изтегляне, вече са инсталирани в кеша, когато потребителят е посетил сайта за първи път.

4. Прогресивните приложения са много по-малки по размер, защото използват мощта на браузъра.

5. Изскачащи известия, работа офлайн и всички други функции на прогресивното приложение ще работят, дори ако посетителят никога не го е инсталирал.

6. Редовните приложения могат да се използват само на платформата, за която са създадени. Не можете да използвате приложението на вашия компютър по същия начин, както на устройство с Android или iOS. Освен това само тези, които са го инсталирали, могат да използват приложението.

Прогресивните уеб приложения ще работят навсякъде, независимо дали са инсталирани или не. Те дори ще работят на платформи, които все още не поддържат всички функции на PWA - дори по-старите компютри с примитивни браузъри ще имат достъп до тях. Вярно - с ограничена функционалност.

Може да възразите, че има настолни приложения, които се поддържат от различни платформи. Но поддръжката на такива приложения струва доста стотинка. Прогресивните уеб приложения могат да намалят тези разходи, като ги ограничат до предоставяне на едно приложение, което работи на всяка платформа.

7. Когато не сте в магазина за приложения, не сте ограничени от правилата на App Store и не трябва да плащате 30% от обема на продажбите.

Недостатъци на прогресивните уеб приложения

1. PWA е нова технология, така че няма много примери за прилагане на този формат. Тези, които поемат риска, ще станат пионери.

2. Към момента на публикуване прогресивните уеб приложения не са универсално достъпни. Да, Chrome и Opera започнаха да поддържат прогресивни уеб приложения. Firefox и Microsoft се ангажират да поддържат. Засега само Apple няма намерение да поддържа този формат.

Нито една от тези причини обаче не е пречка за тестване на PWA като формат днес.

Каква точно е „прогресивността“ на новия формат?

В този случай прогресивността означава, че приложение с ограничена функционалност може да работи на всяка джаджа, навсякъде, но когато потребителят премине към по-усъвършенствано устройство или браузър, функциите на PWA се разширяват. И с всичко това не е необходимо да се изтегля няколко пъти на всяко от устройствата.

The Washington Post създаде прогресивно уеб приложение, което се инсталира на заден план, докато хората го четат. AMP страницив резултатите от търсенето с Google. В резултат на това броят на посещенията на статии се е увеличил с 12%. От зареждането на статии за 8 секунди през 2013 г. те стигнаха до 80 милисекунди в Progressive Web App.

Защо да бързаме?

Днес потребителят трябва само да посети вашия сайт два пъти, за да получи оферта от браузъра за инсталиране на PWA. Но с нарастването на броя на технологичните реализации, честотата на предложенията за инсталиране също ще се промени и ще има по-малко такива предложения. Все повече компании започват да приемат прогресивни уеб приложения и скоро ще стане трудно да се открояват от тълпата.

Удивително е колко бързо се променят технологиите. Вчера всички бяха изненадани от бързото развитие на родните мобилни приложения, но днес сме свидетели на нова еволюция.

Никой не можеше да си представи, че ходът на разработката на мобилни приложения ще се промени толкова драматично. И така, за какво говорим?

През 2015 г. Google обяви създаването на нова технология – Progressive Web App (PWA). Тогава обаче малко хора взеха сериозно тази иновация. Въпреки това днес PWA се превръща в популярна тенденция.

И така, каква е тази технология - Progressive Web App? Прогресивните мобилни приложения са продукт на съвместната еволюция на мобилен сайт и нативно приложение. Просто казано, хибрид, който е поел най-доброто от своите предшественици.

Сега лекотата на инсталиране и отваряне на мобилен сайт и функционалността на родното приложение (push известия, gps навигация и други естествени функции) се превърнаха в едно цяло.

От тази технология се възползват както клиентите, така и потребителите.

Такова приложение може да бъде разработено няколко пъти по-евтино и по-бързо от родното, което открива много нови възможности за малки компании.

За потребителите предимствата са не по-малко значими: не заема място в паметта на телефона, няма нужда да изтегляте приложението от магазините.

Едно от най-важните предимства на PWA пред родните приложения е липсата на посредник под формата на App Store и Google Play. Технологията на прогресивните уеб приложения напълно премахва тази излишна връзка.

Липсата на магазини за приложения за разработчиците означава, че те вече не трябва да следват установените правила и политики на Apple и Google, а за потребителите – опростена процедура за инсталиране. За да отворите PWA, просто отидете на уебсайта на компанията от мобилно устройство и свързаното уеб приложение ще се отвори автоматично.

В този случай можете да инсталирате иконата на такова приложение на екрана на телефона. За да направите това, в автоматично отворения диалогов прозорец трябва да се съгласите с инсталацията.

Този метод на инсталиране е поразително различен от инсталирането на обикновено (родно) приложение. Всъщност иконата на PWA е картина с връзка към уеб приложение, което се отваря през браузър, с което потребителят може да стартира приложението, което харесва по всяко време. Друга важна разлика между PWA и "heavy native" е, че PWA почти не заема място в паметта на телефона на потребителя.

Но предимствата са си предимства, но какво да кажем на практика?

Докато скептиците изглеждат предпазливи по отношение на новата технология, пионерските компании тестват продукта на мобилната еволюция от първа ръка.

И така, една от първите компании, които опитаха PWA, беше Lancôme - известна френска козметична марка.