Usar conteúdo da Web no app Android

O Android permite que você, como desenvolvedor, aproveite o poder da Web nos seus apps, para que possa se beneficiar da flexibilidade e eficiência de poder exibir determinados tipos de conteúdo.

Isso permite integrar facilmente o conteúdo da Web existente ao seu aplicativo Android nativo, por exemplo, para mostrar um feed de notícias, mostrar tutoriais interativos, mostrar anúncios ou até hospedar um minijogo sem precisar criar tudo do zero. Pense nisso como uma janela para a Internet, dentro do seu app. Há duas maneiras de incorporar conteúdo da Web no seu app:

  • WebView: mostra conteúdo da Web que você controla inline, quando você quer um alto grau de flexibilidade na personalização ou atualização da interface.
  • Guias personalizadas: uma experiência de navegação completa no app com o navegador padrão do usuário (confira o suporte a navegadores) para quando os usuários clicarem em um link e você quiser mantê-los no app, em vez de sair para um navegador externo, com grande parte da experiência de navegação pronta para uso.
App Android aberto no Google Play, com a visualização da Web principal destacada em uma caixa vermelha. Guia personalizada aberta na página da Web do Android para desenvolvedores, destacada em uma caixa vermelha.
Figura 1. WebView (à esquerda) e guia personalizada (à direita) destacadas em vermelho.

Por que incorporar conteúdo da Web?

  • Eficiência: reutilize o código atual do seu site. Crie conteúdo e use tecnologias da Web.
  • Integração: aproveite conteúdo externo de provedores de terceiros, como mídia e anúncios, no seu app.
  • Flexibilidade: atualize o conteúdo de forma dinâmica sem ser limitado a IUs predefinidas ou sem lançar atualizações do app.

Quando usar conteúdo da Web?

Há três casos de uso principais para usar a Web no seu app Android:

1. Incorporar conteúdo da Web ao app como conteúdo principal ou de apoio: use a WebView

  • Mostre seu próprio conteúdo da Web em linha como uma experiência principal em que você quer um alto grau de flexibilidade na personalização ou atualização da interface.
  • Mostrar outros conteúdos, como anúncios, termos legais e regulamentos ou outro conteúdo de terceiros inline ou como uma janela na experiência do app.
App Android aberto no Google Play, com a visualização da Web principal destacada em uma caixa vermelha App Android aberto com texto de suporte dentro de uma caixa vermelha.
Figura 2. Conteúdo da Web incorporado no app com WebViews como principal (à esquerda) e conteúdo de suporte (à direita).

2. Navegação no app usando guias personalizadas ou WebView para casos de uso mais avançados

  • Tenha uma experiência de navegação completa no app para quando os usuários clicarem em um link e você quiser mantê-los no app, em vez de sair para um navegador externo.
    • Observação: para dispositivos de tela grande, como tablets e dobráveis, há outras opções para ajudar os apps a aproveitar o espaço extra:
    • Os apps podem abrir links da Web na tela dividida usando iniciar uma experiência de várias janelas adjacentes. Isso permite que os usuários façam várias tarefas ao mesmo tempo no app e em um navegador. OU
    • As guias personalizadas têm uma opção de painel lateral que pode ser aberta na mesma tarefa, mas ao lado do conteúdo do app.
  • A guia personalizada é fornecida pelo navegador padrão do usuário para navegadores que oferecem suporte a guias personalizadas.
    • Embora seja possível usar uma WebView e oferecer uma experiência de navegação altamente personalizável no app, recomendamos as guias personalizadas para uma experiência de navegador pronta para uso e uma transição perfeita para quando um usuário quiser abrir um link da Web no navegador.
Página da Web com link no app na caixa vermelha à esquerda e um navegador no app
  mostrado à direita.
Figura 3. Clique em um link no app (à esquerda) e abra um navegador no app (à direita).

3. Fluxos de login ou autenticação no app

A abordagem sugerida do Android é criar seus fluxos de login ou autenticação usando o Gerenciador de credenciais. Se você ainda precisar usar a Web integrada para essas experiências, siga estas orientações:

  • Alguns apps usam WebViews para fornecer fluxos de login aos usuários, incluindo o uso de um nome de usuário e uma chave de acesso (ou senha) específicos do app. Isso permite que os desenvolvedores unifiquem os fluxos de autenticação em várias plataformas.
  • Ao vincular a um provedor de identidade ou experiência de login de terceiros, como "Fazer login com…", as guias personalizadas são a melhor opção. A abertura de guias personalizadas garante que a credencial do usuário permaneça protegida e isolada para o site de terceiros.

Para mais informações sobre como aproveitar as WebViews para autenticação, consulte Autenticar usuários com a WebView. Para iniciar uma guia personalizada, consulte Visão geral das guias personalizadas do Android.

Campo de login no app com WebView à esquerda. Um login de terceiros com a guia "Personalizada" à direita.
Figura 4. Um campo de login no app (à esquerda) e um login de terceiros aberto em uma guia personalizada (à direita).