Уеб приложение или мобилно приложение: разликите и кога кое се избира

„Да направим приложение“ може да означава много различни неща. Сайт, в който влизате с профил и вършите работа (банкиране, резервации, документи), също е приложение: уеб приложение. Програма, която сваляте от App Store или Google Play, е мобилно приложение. Между двете стоят прогресивните уеб приложения, които се инсталират като мобилни, но са написани с уеб технологии. Изборът между тях определя кои езици ще учите, колко ще струва проектът и как ще стигне до потребителите.

Мобилното приложение: построено за една платформа

Документацията на MDN нарича тези програми приложения за конкретна платформа: те се пишат за определена операционна система или клас устройства, обикновено с инструментите, които дава производителят на платформата. За iPhone това означава Swift и средата на Apple, за Android – Kotlin или Java и инструментите на Google. Ако искате и двете платформи, по правило пишете две приложения или ползвате междуплатформена рамка, която превежда общ код към двете.

MDN изрежда предимствата им:

• лесен достъп: приложението има собствена иконка на телефона;
• работа без връзка и във фонов режим;
• собствен интерфейс, който изглежда като останалата система;
• интеграция с операционната система: камера, GPS, споделяне към други приложения;
• присъствие в магазина за приложения.

Обратната страна е разпространението. Мобилните приложения обикновено минават през магазина на производителя, с неговите правила, преглед и такси. Членството в Apple Developer Program, без което не може да се публикува в App Store, струва 99 долара годишно. Google Play иска еднократна такса за регистрация от 25 долара. Всяко обновление минава отново през магазина, а потребителят трябва да го инсталира.

Уеб приложението: един код, един адрес

Уеб приложението работи в браузъра и се пише с HTML, CSS и JavaScript, плюс език и база данни на сървъра. MDN посочва две големи предимства на уеб модела:

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

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

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

Прогресивното уеб приложение (PWA): опит за най-доброто от двете

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

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

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

Как да изберете

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

Какво значи това за човек, който учи

Уеб пътят е по-широката врата: HTML, CSS и JavaScript ви дават и сайтове, и уеб приложения, и PWA. Подробности има в пътя за front-end разработка и в статията за уеб приложенията с JavaScript. Ако мобилната разработка ви привлича повече, тя е едно от направленията в професията на софтуерния разработчик. Каквото и да изберете, ще ви трябва и усет за потребителя, затова прочетете и основите на UX и UI.