WebView в мобильном приложении: плюсы, минусы и экономия денег
Нативное мобильное приложение — очевидный выбор: лучше работает, лучше выглядит. Но почти всегда можно сэкономить много денег и времени, используя обычные веб-технологии в разработке приложения, и при этом получить точно такой же результат. Разберемся в преимуществах, недостатках и реальных примерах.
Следующий пример уже личной мой – отечественный фудтех-стартап Postilla. Имея потрясающий опыт в Jiffy, запуская Постиллу мы тоже выбрали использовать WebView.
Знаю, пара собственных примеров может звучать не очень убедительно и объективно. Как в детстве, на рынке, когда тебе мама выбирает джинсы, а продавец говорит «Хорошие джинсы, сам такие ношу!». Поэтому, идем дальше.
Можно посмотреть на пример самой авторитетной айти-компании страны – Яндекс. Начав с WebView, они пришли к своему собственному server-driven UI фреймворку, который позволяет примерно то же самое: централизованно в облаке управлять интерфейсом приложения, без необходимости нативной разработки фронтенда.
Разработка
«Яндекс» выложил в открытый доступ DivKit — инструмент для ускорения разработки мобильных приложений Статьи редакции
Компания использует его, например, в «Едадиле», «Маркете», «Алисе» и других сервисах.
Сейчас на этой технологии работает большинство продуктов Яндекса: от Лавки до ТВ.
Как запустить приложение на WebView?
Здесь все предельно просто и умещается в несколько шагов.
- Создать приложение-контейнер. Универсальным будет выбор React Native: один код под все платформы и поддерживать может любой TypeScript разработчик – то есть, ваш штатный фронтендер. Простейший код приложения-контейнера выглядит так, покажите это вашему фронтендеру.
- Разработать обычное веб-приложение на любом привычном для вашей команды фреймворке и разместить его где-нибудь на сервере. Важно учесть нюансы UX мобильных приложений: например, блокировать свайп назад в определенных экранах. И чтобы код веб-приложения кешировался и пользователям не приходилось ждать загрузки каждый раз.
- В приложении-контейнере сделать методы для взаимодействия веб-приложения и приложением-контейнером. Например, для передачи методов аналитики и методов тактильной отдачи (Haptic Feedback).
- Опубликовать в магазины приложений.
Всё достаточно просто, но если вдруг кажется, что нет – в конце статьи я оставил свои контакты, мне можно написать и я поделюсь с вами опытом.
В итоге, что выбрать: нативное приложение или WebView?
Самый важный вопрос для тех, кто пришел в эту статью за помощью в принятии решения. Для этого еще раз сравним Native vs WebView:
Выбор между нативной разработкой и WebView очень важен в процессе разработки нового продукта, потому что последствия выбора будут ощущаться и далее.
В статье я специально не сравнивал с React Native, Flutter и в целом кросс-платформенными фреймворками, хотя они тоже позволяют ускорить запуск и time to market новых функций – просто для Flutter все еще нужно нанимать специальных людей и обычный фронтендер там не справится, а это не подходит.
Расскажите, какую технологию вы используете в вашей компании и почему? Согласны ли с тезисом, что MVP лучше делать на WebView, потому что это позволяет запустить первую версию дешевле и быстрее?
Мобильное приложение WebView
С каждым годом число пользователей мобильных устройств растет, а вместе с ним увеличивается популярность мобильных приложений. Ведь так удобно, когда можно сделать покупку или заказать какую-либо услугу, просто воспользовавшись своим мобильным телефоном.
Мы в OT Commerce понимаем значимость и актуальность использования мобильного приложения в работе любого интернет-бизнеса. Поэтому уже давно работаем над созданием мобильного приложения для платформы ОТ. За время разработки и внедрения в работу мобильного приложения мы познакомились с несколькими технологиями их создания. Одной из них является WebView. Давайте рассмотрим подробнее особенности работы таких приложений.
Приложение WebView — это приложение на основе сайта. Внешний вид приложения полностью аналогичен интерфейсу мобильной версии сайта. Проще говоря, мобильное приложение будет выглядеть так, как если открыть сайт Коробки ОТ в мобильном браузере.
Приложение работает во встроенной среде браузера на мобильных платформах Android, iOS и загружаются из App Store или Google Play Store. Оно открывается при помощи ярлыка на экране смартфона. По основным возможностям и функционалу приложение также не отличается от веб-версии сайта. При этом оно расширяет ее возможности, например, можно добавить push-уведомления для взаимодействия с покупателями. Плюс мобильное приложение является еще одним каналом взаимодействия с покупателями.
Итак, основные плюсы приложений, созданных при помощи технологии WebView:
- Высокая скорость разработки и быстрый запуск приложения в работу.
- Относительно низкая цена по сравнению с приложениями, созданными при помощи других технологий.
- Более широкие возможности взаимодействия с покупателями по сравнению с мобильной версией сайта.
- Еще один канал для привлечения покупателей.
Но у таких приложений есть и ряд минусов:
- Приложение не использует всех возможностей смартфона.
- Интерфейс приложения может быть неудобным и тормозить работу.
- Дизайн приложения не уникален и аналогичен веб-версии сайта в мобильном браузере.
Мы решили предоставить нашим клиентам выбор, поэтому разработали два вида приложений, которые были созданы при помощи разных технологий. Сейчас мы запускаем в продажу приложение WebView. Чуть позже появится нативное мобильное приложение. Об основных различиях этих приложений можно узнать тут. Следите за нашими новостями.
Мобильное приложение для каждого клиента собирается отдельно. Чтобы оно стало доступно для покупателей его нужно опубликовать в Google Play Store и App Store. Для этого необходим аккаунт разработчика, который нужно купить:
- Цена аккаунта в Google Play Store — 25$. Оплачивается один раз.
- Цена аккаунта в App Store — 99$. Оплачивается раз в год.
В процессе публикации приложение будет отправлено на проверку и только после нее опубликовано. Тогда покупатели смогут найти и скачать мобильное приложение на свой смартфон.
Обратите внимание! Для создания мобильного приложения необходима адаптивная верстка сайта. Для Коробки ОТ нужен шаблон дизайна — Эластик.
Для тестирования и покупки мобильного приложения, обращайтесь к операторам на сайте.
Не дорогое мобильное приложение для любого бизнеса
Webview приложения – это приложения для мобильных устройств, которые используют web-технологии для создания пользовательского интерфейса и основного функционала приложения. Это означает, что весь контент приложения загружается через интернет, а не хранится локально на устройстве.
Есть несколько преимуществ, которые делают webview приложения более выгодными для использования, чем обычные приложения. Вот некоторые из них:
- Низкие затраты на разработку и поддержку: Поскольку webview приложения могут быть разработаны быстро и легко, а также могут работать на нескольких платформах, их затраты на разработку и поддержку могут быть значительно ниже, чем у нативных приложений. Это может быть важным фактором для малых и средних бизнесов, которые хотят создать приложения с ограниченным бюджетом. Стоимость нативных приложений достигает от 500 тыс рублей до нескольких миллионов
- Кроссплатформенность: Одно из главных преимуществ webview приложений заключается в том, что они могут работать на разных платформах, таких как Android и iOS, с помощью одного кода. Это позволяет существенно снизить затраты на разработку и поддержку приложений.
- Быстрое развертывание: Webview приложения могут быстро развертываться и обновляться, потому что они не требуют установки на устройстве пользователя. Все обновления происходят автоматически и незаметно для пользователя.
- Экономия ресурсов устройства: Webview приложения не занимают много места на устройстве, потому что они не хранят данные локально. Это позволяет снизить затраты на хранение и управление данными.
- Удобство для пользователя: Webview приложения могут быть более удобны для пользователя, потому что они могут загружать контент быстрее и легче работать с сетевыми ресурсами.
Применение webview приложений в любом бизнесе может быть весьма полезным. Ниже представлены некоторые способы использования webview приложений в бизнесе:
- Электронный коммерция: Webview приложения могут быть полезными для создания электронного магазина. Они могут загружать информацию о продуктах и позволять пользователям совершать покупки без необходимости перехода на веб-сайт.
- Управление заказами: Webview приложения могут использоваться для управления заказами и доставкой. Они могут загружать информацию о заказах и позволять пользователям отслеживать свой заказ, не покидая приложения.
- Онлайн-образование: Webview приложения могут быть полезными для создания онлайн-курсов и учебных материалов. Они могут загружать материалы и позволять пользователям общаться с преподавателями и другими студентами.
В целом, webview приложения могут быть полезны для широкого спектра бизнесов, от малых стартапов до крупных корпораций. Они могут быть использованы для создания приложений для различных целей, включая управление проектами, продажи, маркетинг, образование и многое другое.
Если вы хотите создать webview приложение для своего бизнеса, но не знаете, как начать, наши профессиональные разработчики могут помочь вам в этом. Мы предлагаем широкий спектр услуг по разработке приложений, включая консультации, проектирование, разработку и поддержку. С нашими знаниями и опытом, мы можем помочь вам создать высококачественное и привлекательное приложение, которое будет соответствовать вашим бизнес-потребностям и ожиданиям ваших клиентов.
Свяжитесь с нами сегодня, чтобы обсудить ваши требования и узнать, как мы можем помочь вам создать и запустить свое собственное webview приложение для вашего бизнеса.
С уважением ваша команда InsiderApp
Подглядываем за пользователем через In-App на iOS
Эта неделя выдалась очень жаркой в Купертино. Сегодня в костер добавили керосина.
Один из разработчиков твиттер клиента для iOS — Крейг Хоккенбери — опубликовал концепт простенького приложения с возможностью открытия in-app браузера и слежением за вводом данных в любые поля.
Пояснение к видео от Крейга:
— Верхняя часть экрана — это не веб страница, а часть приложения. Полученную информацию можно спокойно отсылать на удаленный сервер.
— Это не фишинг, пользователь видит тот сайт, который запрашивал. В нашем случае — это твиттер.
— Владелец сайт ничего не может предпринять никаких действий для защиты. Весь javascript подчинен web view, в котором открыт сайт.
— Кнопки на сайте переименованы с «Sign in» в «SUCK IT UP». Я считаю, это подходит в данной ситуации.
— Проверено на iOS 7 — 8. Возможно и на более ранних версиях.