Utiliser du contenu Web dans votre application Android

Android vous permet de tirer parti de la puissance du Web dans vos applications. Vous pouvez ainsi bénéficier de la flexibilité et de l'efficacité de l'affichage de certains types de contenu.

Cela vous permet d'intégrer parfaitement du contenu Web existant dans votre application Android, par exemple pour afficher un flux d'actualités, des tutoriels interactifs, des annonces display ou même héberger un mini-jeu sans avoir à tout créer de zéro. Considérez-le comme une fenêtre sur Internet, depuis votre application. Il existe deux façons d'intégrer du contenu Web dans votre application :

• WebView : affiche le contenu Web que vous contrôlez de manière intégrée lorsque vous souhaitez bénéficier d'une grande flexibilité pour personnaliser ou mettre à jour l'interface utilisateur.
• Custom Tabs : expérience de navigation complète dans l'application, optimisée par le navigateur par défaut de l'utilisateur (voir la compatibilité du navigateur). Elle est utile lorsque les utilisateurs cliquent sur un lien et que vous souhaitez qu'ils restent dans l'application au lieu de passer à un navigateur externe, avec une grande partie de l'expérience de navigation prête à l'emploi.

Figure 1. `WebView` (à gauche) et `Custom Tab` (à droite) sont entourés.

Pourquoi intégrer du contenu Web ?

L'intégration de contenu Web dans votre application présente plusieurs avantages :

• Efficacité : réutilisez le code existant de votre site Web. S'appuyer sur les technologies et les contenus Web existants
• Intégration : utilisez du contenu externe provenant de fournisseurs tiers, comme des contenus multimédias et des annonces, dans votre application.
• Flexibilité : mettez à jour le contenu de manière dynamique sans être limité à des interfaces utilisateur prédéfinies ni devoir publier de mises à jour d'application.

Quand utiliser du contenu Web ?

Il existe trois principaux cas d'utilisation du Web dans votre application Android :

1. Intégrer du contenu Web dans votre application en tant que contenu principal ou secondaire : utilisez WebView.

• Affichez votre propre contenu Web de manière intégrée en tant qu'expérience principale lorsque vous souhaitez bénéficier d'une grande flexibilité pour personnaliser ou mettre à jour l'interface utilisateur.
• Afficher d'autres contenus tels que des annonces, des conditions légales et des réglementations, ou d'autres contenus tiers intégrés, ou sous forme de fenêtre dans l'expérience dans l'application.

Figure 2. Contenu Web intégré à l'application avec des composants WebView comme contenu principal (à gauche) et secondaire (à droite).

2. Navigation dans l'application à l'aide de Custom Tabs ou de WebView pour les cas d'utilisation plus avancés

• Offrez une expérience de navigation complète dans l'application lorsque les utilisateurs cliquent sur un lien et que vous souhaitez qu'ils restent dans l'application au lieu de la quitter pour un navigateur externe.
  • Remarque : Pour les appareils à grand écran, comme les tablettes et les pliables, il existe des options supplémentaires pour aider les applications à exploiter l'espace supplémentaire :
  • Les applications peuvent ouvrir des liens Web en écran partagé en lançant une expérience en mode multifenêtre adjacente. Les utilisateurs peuvent ainsi effectuer plusieurs tâches à la fois entre votre application et un navigateur. OU
  • Custom Tabs disposent d'une option de panneau latéral qui peut s'ouvrir dans la même tâche, mais à côté du contenu de votre application existante.
• Le Custom Tab est optimisé par le navigateur par défaut de l'utilisateur, pour les navigateurs compatibles avec Custom Tabs.
  • Bien qu'il soit possible d'utiliser un WebView et de fournir une expérience de navigation hautement personnalisable dans l'application, nous vous recommandons d'utiliser Custom Tabs pour une expérience de navigation prête à l'emploi et une transition fluide lorsqu'un utilisateur souhaite ouvrir un lien Web dans le navigateur.

Figure 3 : Clic sur un lien dans l'application (à gauche) et ouverture d'un navigateur intégré dans l'application (à droite).

3. Flux de connexion ou d'authentification dans votre application

L'approche suggérée par Android consiste à créer vos flux de connexion ou d'authentification à l'aide du Gestionnaire d'identifiants. Si vous devez toujours utiliser Embedded Web pour ces expériences, suivez les instructions ci-dessous :

• Certaines applications utilisent des WebView pour fournir des flux de connexion à leurs utilisateurs, y compris en utilisant un nom d'utilisateur et une clé d'accès (ou un mot de passe) spécifiques à votre application. Cela permet aux développeurs d'unifier les flux d'authentification sur toutes les plates-formes.
• Lorsque vous redirigez l'utilisateur vers un fournisseur d'identité ou une expérience de connexion tiers, par exemple "Se connecter avec…", les Custom Tabs sont la solution idéale. Lancer un Custom Tab permet de protéger les identifiants de l'utilisateur en les isolant sur le site tiers.

Pour en savoir plus sur l'utilisation de WebView pour l'authentification, consultez Authentifier les utilisateurs avec WebView. Pour lancer un Custom Tab, consultez Présentation des onglets personnalisés Android.

Figure 4. Champ de connexion intégré à l'application (à gauche) et connexion tierce ouverte dans un "onglet personnalisé" (à droite).