Webinhalte in Ihrer Android-App verwenden

Mit Android können Sie die Leistungsfähigkeit des Webs in Ihre Apps einbinden. So können Sie von der Flexibilität und Effizienz profitieren, die die Anzeige bestimmter Arten von Inhalten bietet.

So können Sie vorhandene Webinhalte nahtlos in Ihre Android-App einbinden, z. B. um einen Nachrichten-Feed, interaktive Anleitungen oder Anzeigen einzublenden oder sogar ein Minispiel zu hosten, ohne alles von Grund auf neu entwickeln zu müssen. Sie können sich das wie ein Fenster zum Internet in Ihrer App vorstellen. Es gibt zwei Möglichkeiten, Webinhalte in Ihre App einzubetten:

  • WebView: Zeigt Webinhalte, die Sie steuern, inline an, wenn Sie ein hohes Maß an Flexibilität beim Anpassen oder Aktualisieren der Benutzeroberfläche wünschen.
  • Custom Tabs: Eine vollständige In-App-Browser-Umgebung, die auf dem Standardbrowser des Nutzers basiert (siehe Browserunterstützung). Wenn Nutzer auf einen Link klicken, bleiben sie in der App, anstatt zu einem externen Browser zu wechseln. Ein Großteil der Browser-Umgebung ist sofort einsatzbereit.
Android-App, die in Google Play geöffnet ist, wobei die primäre Webansicht hervorgehoben ist. Benutzerdefinierter Tab mit der Webseite „Android für Entwickler“, hervorgehoben.
Abbildung 1. `WebView` (links) und `Custom Tab` (rechts) umrandet.

Warum Webinhalte einbetten?

Das Einbetten von Webinhalten in Ihre App bietet mehrere Vorteile:

  • Effizienz: Sie können vorhandenen Code von Ihrer Website wiederverwenden. Auf vorhandenen Webtechnologien und -inhalten aufbauen.
  • Integration: Externe Inhalte von Drittanbietern wie Medien und Anzeigen in Ihrer App verwenden.
  • Flexibilität: Sie können Inhalte dynamisch aktualisieren, ohne an vordefinierte Benutzeroberflächen gebunden zu sein oder App-Updates veröffentlichen zu müssen.

Wann sollten Webinhalte verwendet werden?

Es gibt drei primäre Anwendungsfälle für die Verwendung des Webs in Ihrer Android-App:

1. Webinhalte als primäre oder unterstützende Inhalte in Ihre App einbetten: Verwenden Sie WebView.

  • Zeigen Sie Ihre eigenen Webinhalte inline als primäre Oberfläche an, wenn Sie ein hohes Maß an Flexibilität bei der Anpassung oder Aktualisierung der Benutzeroberfläche wünschen.
  • Andere Inhalte wie Anzeigen, rechtliche Bestimmungen und Vorschriften oder andere Inhalte von Drittanbietern inline oder als Fenster in Ihrer App anzeigen.
Android-App, die in Google Play geöffnet ist, wobei die primäre Webansicht in einem roten Feld hervorgehoben ist Geöffnete Android-App mit unterstützendem Text in einem roten Feld.
Abbildung 2. In die App eingebettete Webinhalte mit `WebView`s als primäre (links) und unterstützende Inhalte (rechts).

2. In-App-Browsing mit Custom Tabs oder WebView für komplexere Anwendungsfälle

  • Sie können eine vollständige In-App-Browser-Umgebung bereitstellen, wenn Nutzer auf einen Link klicken und Sie sie in der App behalten möchten, anstatt sie zu einem externen Browser weiterzuleiten.
    • Hinweis: Für Geräte mit großen Displays wie Tablets und faltbare Smartphones gibt es zusätzliche Optionen, mit denen Apps den zusätzlichen Platz besser nutzen können:
    • Apps können Weblinks im Splitscreen-Modus öffnen, indem sie eine angrenzende Multi-Window-Ansicht starten. So können Nutzer gleichzeitig zwischen Ihrer App und einem Browser wechseln. ODER
    • Custom Tabs haben eine Seitenleistenoption, die in derselben Aufgabe, aber neben dem vorhandenen App-Inhalt geöffnet werden kann.
  • Der Custom Tab wird vom Standardbrowser des Nutzers unterstützt, sofern dieser Custom Tabs unterstützt.
    • Es ist zwar möglich, eine WebView zu verwenden und eine hochgradig anpassbare In-App-Browser-Erfahrung zu bieten, wir empfehlen jedoch Custom Tabs für eine sofort einsatzbereite Browser-Erfahrung und einen nahtlosen Übergang, wenn ein Nutzer einen Weblink im Browser öffnen möchte.
Webseite mit In-App-Link in einem roten Feld auf der linken Seite und einem In-App-Browser auf der rechten Seite.
Abbildung 3. Klicken auf einen In-App-Link (links) und Öffnen eines In-App-Browsers (rechts).

3. Anmelde- oder Authentifizierungsabläufe in Ihrer App

Android empfiehlt, die Anmelde- oder Authentifizierungsabläufe mit dem Credential Manager zu erstellen. Wenn Sie für diese Funktionen weiterhin Embedded Web verwenden müssen, beachten Sie die folgenden Hinweise:

  • Einige Apps verwenden WebViews, um ihren Nutzern Anmeldeabläufe bereitzustellen, einschließlich der Verwendung eines Nutzernamens und eines Passkeys (oder Passworts), die für Ihre App spezifisch sind. So können Entwickler die Authentifizierungsabläufe plattformübergreifend vereinheitlichen.
  • Wenn du auf einen externen Identitätsanbieter oder eine externe Anmeldeseite verlinkst, z. B. „Anmelden mit…“, sind Custom Tabs die richtige Wahl. Durch das Starten eines Custom Tab werden die Anmeldedaten des Nutzers geschützt, da sie nur auf der Drittanbieter-Website verwendet werden.

Weitere Informationen zur Verwendung von WebViews für die Authentifizierung finden Sie unter Nutzer mit WebView authentifizieren. Informationen zum Starten eines Custom Tab finden Sie unter Übersicht über benutzerdefinierte Tabs in Android.

In-App-Anmeldefeld mit WebView auf der linken Seite. Drittanbieter-Anmeldung mit benutzerdefiniertem Tab auf der rechten Seite.
Abbildung 4. Ein In-App-Anmeldefeld (links) und eine Drittanbieter-Anmeldung, die in einem „benutzerdefinierten Tab“ geöffnet wurde (rechts).