Usar conteúdo da Web no app Android

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

Isso permite integrar conteúdo da Web ao seu aplicativo Android nativo, como exibir um feed de notícias, mostrar tutoriais interativos, veicular anúncios ou até mesmo hospedar um minijogo sem 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 o conteúdo da Web que você controla inline quando quer um alto grau de flexibilidade na personalização ou atualização da interface.
• Guias personalizadas: uma experiência completa de navegação no app com tecnologia do navegador padrão do usuário (consulte o suporte do navegador) para quando os usuários clicam em um link e você quer que eles permaneçam no app, em vez de sair para um navegador externo, com grande parte da experiência de navegação pronta para uso.

Figura 1. WebView (à esquerda) e guia personalizada (à direita) em destaque.

Por que incorporar conteúdo da Web?

• Eficiência: reutilize o código atual do seu site. Crie com base em tecnologias e conteúdo da Web atuais.
• Integração: aproveite conteúdo externo de provedores terceirizados, como mídia e anúncios, no seu app.
• Flexibilidade: atualize o conteúdo de forma dinâmica sem ficar restrito a interfaces predefinidas ou sem precisar 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 seu app como conteúdo principal ou de apoio: use WebView

• Mostre seu próprio conteúdo da Web inline 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 e regulamentações legais ou conteúdo de terceiros em linha ou como uma janela na experiência do app.

Figura 2. Conteúdo da Web incorporado ao app com WebViews como conteúdo principal (esquerda) e de suporte (direita).

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

• Tenha uma experiência completa de navegação 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 weblinks em tela dividida usando iniciar uma experiência adjacente de várias janelas. Isso permite que os usuários façam várias tarefas entre seu app e um navegador ao mesmo tempo. 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 é alimentada 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 no app altamente personalizável, recomendamos as guias personalizadas para uma experiência de navegador pronta para uso e uma transição perfeita quando um usuário quiser abrir um link da Web no navegador.

Figura 3. Clicar em um link no app (esquerda) e abrir um navegador no app (direita).

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

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

• Alguns apps usam WebViews para oferecer fluxos de login aos usuários, incluindo o uso de um nome de usuário e uma chave de acesso (ou senha) específicos para o app. Isso permite que os desenvolvedores unifiquem os fluxos de autenticação em todas as 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. Ao iniciar guias personalizadas, a credencial do usuário permanece protegida e isolada no site de terceiros.

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

Figura 4. Um campo de login no app (à esquerda) e um login de terceiros aberto em uma guia personalizada (à direita).