Webview в качестве MVP мобильного приложения

Любой работающий бизнес в тот или иной момент осознает необходимость разработки приложения под ключ, в дополнение к функционирующему сайту. Но сразу вкладываться в разработку web-приложения готов не каждый, ведь как известно, инвестиции в проект предполагаются существенные, а уверенности в том, что проект “полетит” у компании нет, особенно на старте.

Решение есть - разработать WebView на базе существующего сайта и протестировать его на своей целевой аудитории.

  • Изображение

WebView простыми словами – это ваш сайт, адаптированный под мобильные устройства и упакованный в оболочку мобильного приложения. Т.е. для конечного пользователя webview = мобильное приложение, с некоторыми оговорками.

Очевидные плюсы webview:

  • релиз MVP в кратчайшие сроки
  • реальный фидбэк от ЦА
  • знакомый дизайн
  • сравнительно небольшой бюджет

Кроме очевидных плюсов, есть и ряд минусов:

  • невозможность полноценного использования нативных функций мобильного устройства
  • отсутствие оффлайн-режима
  • прямая зависимость от работоспособности сайта
  • низкий уровень безопасности

Принцип работы

 

WebView запускает веб-страницы внутри мобильного приложения, то есть он заменяет собой внешний браузер. После запуска приложения на мобильном устройстве, откроется окно с нужной страницей – это может быть адаптированный сайт, витрина товаров, архив, облако, игра, видеоплеер.

  • Изображение

Как и в любом IT-проекте, разработка webview-приложения имеет ряд тонкостей, которые следует учитывать. 

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

Этапы создания webview

  1. Описание функций будущего приложения
  2. Аудит исходного веб-приложения
  3. Доработки веб-приложения под требования сторов
  4. Упаковка webview
  5. Релиз

Гибридная модель

  • Изображение

Гибридная модель поможет плавно «перетечь» с веба на мобильную платформу. Не нужно делать приложение с нуля, достаточно заменить несколько блоков. 

Этот подход особенно актуален для маркетплейсов. Например, можно добавить нативное меню в мобильное приложение. Но этим возможности WebView не ограничиваются:

  • дизайн, шрифты, расположение кнопок или ссылок переносится мгновенно
  • изменять внешний вид, добавлять новые пункты можно в любой момент на сервер без необходимости обновлять приложение
  • возможно закрыть известные уязвимости с помощью мобильной версии приложения. Например, ввод логина-пароля осуществляется через авторизацию в Google Play.
  • Прогресс пользователя и конфиденциальные данные сохраняются в зашифрованном виде на устройстве.

Увидимся на следующей неделе.