Используйте веб-контент в своем приложении для 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 для этих целей, воспользуйтесь следующими рекомендациями:

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

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

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