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

Днес Progressive Web Apps (PWA) говорят за града, главно заради невероятната им използваемост и уникалното потребителско изживяване. С комбинираните функции на уеб сайтове и местни приложения, PWA се превръщат в норма за уеб приложения с множество устройства позволява на разработчиците да създават динамични приложения с бързо зареждане без използване на хибридни рамки.

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

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

Терминът “Прогресивни уеб приложения” за първи път е създаден от Алекс Русел (разработчик на Google Chrome) и Франсис Бериман (дизайнер). Алекс сподели идеята си за прогресивните уеб приложения “Тези приложения не са опаковани и разгърнати чрез магазини сайтове, които взеха всички подходящи витамини“.

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

Уеб приложения и прогресивни уеб приложения

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

Това се каза, Прогресивни уеб приложения са следващо поколение уеб приложения които работят повече като местни приложения, като използват оригиналните подобрения на устройството. Например, Progressive Web Apps могат използват местни функции като камера, маяци и т.н., заедно с функции като офлайн кеш, push известия и т.н..

Защо имаме нужда от Progressive Web Apps?

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

Ускорени мобилни страници (AMP), проект, насърчаван от Google, започна през 2016 г. решаване на проблеми с бавна връзка, особено за смартфони и осигуряват по-добър потребителски опит на мобилните потребители. AMP обаче не решава проблеми без мрежови проблеми. Също така, това не ускорява времето за зареждане толкова, колкото и родните приложения, и отново, има малко ограничения за постигане на тази скорост.

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

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

Както е посочено в отчета за 2017 г. на приложението за мобилни устройства на comScore, потребителите на приложения прекарват почти 77 процента от времето си в трите си най-популярни приложения, докато останалите приложения остават неактивни, но все още блокират системните ресурси, включително паметта. Освен това той също споделя това 50% от потребителите изтеглят нулеви приложения на месец. Този факт подсказва, че потребителите се колебаят да инсталират нови приложения и по този начин PWA има предимство.

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

Освен това родните приложения струват много повече от уебсайтовете - до пет до десет пъти или повече, в зависимост от типа на проекта. Също така, цената им може да се умножи, ако има нужда от разработване на собствени приложения за различни платформи (например Android и iOS) с различни кодови бази. Въпреки това PWA може да помогне минимизиране на такива високи разходи за развитие, благодарение на подкрепата си за различни платформи.

Функции за прогресивни уеб приложения

Прогресивните уеб приложения имат много преки функции, които ги правят различни от техните по-прости копия, т.е. уеб приложения (или по-прости - уебсайтове):

• отзивчив. Работете на всички устройства с всякакъв размер на екрана.
• Офлайн и първи. Заредете и в бавна или без мрежа.
• Подобно на приложението. Виж и взаимодействай като родно приложение.
• В крак с времето. Обновяване на собствените си, почти прозрачно.
• Безопасно и сигурно. Използвайте HTTPS за зареждане на ресурсите на страницата.
• Откриваемо. Налично съдържание в търсачките.
• Повторно се захваща. Повторно ангажиране, да кажем с помощта на уведомления.
• инсталирана. Може да се постави на началния екран.
• възможност за свързване. Зареждайте страници, подобни на приложения, но с URL адреси.

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

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

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

Google предоставя a “Списък с прогресивни уеб приложения” - списък с подробности, който да помогне на начинаещите да създават прогресивни уеб приложения. Този списък без указания споделя необходимите функции за създаване на PWA - а “Изходно ниво на PWA” и “Примерни PWA”; първото изброява важни неща за основното приложение, а второто - за усъвършенствано приложение.

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

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

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

Apple представи функции на PWA (Web API) в Safari 11.1, включително API за Beacon, Работници на услуги, Манифест на уеб приложения и др .; като по този начин скоро ще задействат PWA в iOS, ако вече не. Google вече поддържа PWAs в Chrome за Android и планира да го доведе и до настолни платформи. Microsoft добави и поддръжка на PWA в Microsoft Edge и ще ги включи в Microsoft Store.

Какво мислиш - са прогресивни уеб приложения за бъдещето? Нека да знаят директно в @aksinghnet или напишете коментар чрез долната част коментари, за да оставите Вашия отговор.