Используйте веб-контент в своем приложении для Android

Android позволяет вам как разработчику использовать возможности Интернета в своих приложениях, благодаря чему вы можете воспользоваться преимуществами гибкости и эффективности отображения определенных типов контента.

Это позволяет легко интегрировать существующий веб-контент в ваше собственное приложение Android, например, отображать новостную ленту, интерактивные обучающие материалы, рекламу или даже размещать мини-игру, не разрабатывая всё с нуля. Это своего рода окно в Интернет из вашего приложения. Существует два способа встроить веб-контент в ваше приложение:

  • WebView : отображает веб-контент, которым вы управляете, в строке, где вам требуется высокая степень гибкости при настройке или обновлении пользовательского интерфейса.
  • Пользовательские вкладки : полноценный просмотр в приложении, работающий на основе браузера пользователя по умолчанию ( см. поддержку браузеров ), когда пользователи нажимают ссылку, и вы хотите оставить их в приложении, а не перенаправлять во внешний браузер, при этом большая часть возможностей просмотра предоставляется сразу из коробки.
Приложение для Android открыто в Google Play, при этом основной веб-интерфейс выделен красным цветом.Вкладка «Пользовательская» открыта на веб-странице «Android For Developers», выделенной красным цветом.
Рисунок 1. WebView (слева) и пользовательская вкладка (справа), выделенные красным.

Зачем встраивать веб-контент?

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

Когда использовать веб-контент?

Существует три основных варианта использования Интернета в вашем Android-приложении:

1. Встраивание веб-контента в ваше приложение в качестве основного или вспомогательного контента : использование WebView

  • Отображайте собственный веб-контент встроенным способом в качестве основного инструмента, если вам требуется высокая степень гибкости при настройке или обновлении пользовательского интерфейса.
  • Отображайте другой контент, такой как реклама, юридические условия и правила или другой сторонний контент, в строке или в виде окна в вашем приложении.
Приложение Android открыто в Google Play, основной веб-интерфейс выделен красным цветомПриложение Android открыто с текстом поддержки внутри красного поля.
Рисунок 2. Веб-контент, встроенный в приложение, где WebViews является основным (слева) и вспомогательным контентом (справа).

2. Просмотр в приложении с использованием пользовательских вкладок или WebView для более сложных случаев использования.

  • Обеспечьте полноценный просмотр в приложении на тот случай, если пользователи нажмут на ссылку и вы хотите оставить их в приложении, а не перенаправлять во внешний браузер.
    • Примечание: для устройств с большим экраном, таких как планшеты и складные устройства, существуют дополнительные параметры, которые помогут приложениям использовать дополнительное пространство:
    • Приложения могут открывать веб-ссылки на разделённом экране, используя функцию запуска смежного многооконного режима . Это позволяет пользователям одновременно выполнять несколько задач в вашем приложении и браузере. ИЛИ
    • Пользовательские вкладки имеют опцию боковой панели, которую можно открыть в той же задаче, но рядом с существующим содержимым приложения.
  • Пользовательская вкладка работает на основе браузера пользователя по умолчанию (если браузер поддерживает пользовательские вкладки).
    • Хотя можно использовать WebView и обеспечить гибко настраиваемый просмотр в приложении, мы рекомендуем использовать пользовательские вкладки для готового к использованию браузера и плавного перехода, когда пользователь хочет открыть веб-ссылку в браузере.
Веб-страница со ссылкой внутри приложения в красном поле слева и встроенным браузером справа.
Рисунок 3. Нажатие на ссылку в приложении (слева) и открытие браузера в приложении (справа).

3. Процессы входа или аутентификации в вашем приложении

Рекомендуемый подход Android — создавать процессы входа и аутентификации с помощью Credential Manager . Если вы всё ещё считаете, что вам необходимо использовать Embedded Web для этих целей, воспользуйтесь следующими рекомендациями:

  • Некоторые приложения используют WebView для организации процессов входа пользователей, включая использование имени пользователя и ключа доступа (или пароля), специфичных для вашего приложения. Это позволяет разработчикам унифицировать процессы аутентификации на разных платформах.
  • При переходе на сторонний поставщик удостоверений или в систему входа, например, «Войти через…», лучшим решением будут пользовательские вкладки. Запуск пользовательских вкладок гарантирует защиту учётных данных пользователя и их изоляцию от стороннего сайта.

Дополнительную информацию об использовании WebView для аутентификации см. в разделе Аутентификация пользователей с помощью WebView . Сведения о запуске пользовательской вкладки см. в разделе Обзор пользовательских вкладок Android .

Поле входа в приложение с WebView слева.Сторонний вход с пользовательской вкладкой справа.
Рисунок 4. Поле входа в приложение (слева) и стороннее поле входа, открытое на пользовательской вкладке (справа).