Como desarrollador, Android te permite aprovechar la potencia de la Web en tus apps, de modo que puedas beneficiarte de la flexibilidad y la eficiencia de poder mostrar ciertos tipos de contenido.
Esto te permite integrar sin problemas el contenido web existente en tu aplicación nativa para Android, por ejemplo, para mostrar un feed de noticias, instructivos interactivos, anuncios gráficos o incluso alojar un minijuego sin tener que crear todo desde cero. Piensa en ella como una ventana a Internet desde tu app. Existen dos formas de incorporar contenido web en tu app:
- WebView: Muestra contenido web que controlas intercalado cuando deseas un alto grado de flexibilidad para personalizar o actualizar la IU.
- Pestañas personalizadas: Una experiencia de navegación completa en la app potenciada por el navegador predeterminado del usuario (consulta la compatibilidad con navegadores) para cuando los usuarios hacen clic en un vínculo y quieres mantenerlos en la app, en lugar de que se vayan a un navegador externo, con gran parte de la experiencia de navegación lista para usar.
¿Por qué incorporar contenido web?
- Eficiencia: Reutiliza el código existente de tu sitio web. Aprovecha las tecnologías y el contenido web existentes.
- Integración: Aprovecha el contenido externo de proveedores externos, como contenido multimedia y anuncios, en tu app.
- Flexibilidad: Actualiza el contenido de forma dinámica sin limitaciones de IU predefinidas ni lanzamientos de actualizaciones de apps.
¿Cuándo usar contenido web?
Existen tres casos de uso principales para usar la Web en tu app para Android:
1. Incorpora contenido web en tu app como contenido principal o complementario: Usa WebView
- Muestra tu propio contenido web intercalado como una experiencia principal en la que deseas tener un alto grado de flexibilidad para personalizar o actualizar la IU.
- Mostrar otro contenido, como anuncios, condiciones y reglamentaciones legales, o cualquier otro contenido de terceros intercalado o como una ventana dentro de la experiencia de tu app
2. Navegación en la app con pestañas personalizadas o WebView para casos de uso más avanzados
- Tener una experiencia de navegación completa en la app para cuando los usuarios hagan clic en un vínculo y quieras mantenerlos en la app, en lugar de que salgan a un navegador externo
- Nota: En el caso de los dispositivos de pantalla grande, como tablets y plegables, existen opciones adicionales para ayudar a las apps a aprovechar el espacio adicional:
- Las apps pueden abrir vínculos web en pantalla dividida con inicio de una experiencia multiventana adyacente. Esto permite que los usuarios realicen varias tareas entre tu app y un navegador al mismo tiempo. O
- Las pestañas personalizadas tienen una opción de panel lateral que se puede abrir en la misma tarea, pero junto al contenido existente de la app.
- La pestaña personalizada se ejecuta con el navegador predeterminado del usuario, para los navegadores que admiten pestañas personalizadas.
- Si bien es posible usar un WebView y proporcionar una experiencia de navegación en la app altamente personalizable, te recomendamos que uses las pestañas personalizadas para obtener una experiencia de navegador lista para usar y una transición fluida cuando un usuario quiera abrir un vínculo web en el navegador.
3. Flujos de acceso o autenticación dentro de tu app
El enfoque sugerido por Android es compilar tus flujos de acceso o autenticación con el Administrador de credenciales. Si descubres que aún necesitas usar la Web incorporada para estas experiencias, sigue las instrucciones que se indican a continuación:
- Algunas apps usan WebViews para proporcionar flujos de acceso a sus usuarios, lo que incluye el uso de un nombre de usuario y una llave de acceso (o contraseña) específicos para tu app. Esto permite a los desarrolladores unificar los flujos de autenticación en todas las plataformas.
- Cuando se vincula a un proveedor de identidad o experiencia de acceso de terceros, como "Acceder con…", las pestañas personalizadas son la mejor opción. El lanzamiento de pestañas personalizadas garantiza que la credencial del usuario permanezca protegida y aislada del sitio de terceros.
Para obtener más información sobre cómo aprovechar WebViews para la autenticación, consulta Cómo autenticar usuarios con WebView. Para iniciar una pestaña personalizada, consulta Descripción general de las pestañas personalizadas de Android.
