Webinhalte in Ihrer Android-App verwenden

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

So können Sie vorhandene Webinhalte nahtlos in Ihre Android-App einbinden, z. B. um einen Newsfeed oder interaktive Tutorials anzuzeigen, Werbung zu präsentieren oder sogar ein Minispiel zu hosten, ohne alles von Grund auf neu entwickeln zu müssen. Stellen Sie sich das als Fenster zum Internet in Ihrer App vor. Es gibt zwei Möglichkeiten, Webinhalte in Ihre App einzubetten:

  • WebView: Damit können Sie Web-Inhalte, die Sie steuern, inline an der gewünschten Stelle einfügen. Das bietet Ihnen ein hohes Maß an Flexibilität bei der Anpassung oder Aktualisierung der Benutzeroberfläche.
  • Custom Tabs: Eine vollständige In-App-Browserfunktion, die vom Standardbrowser des Nutzers unterstützt wird (siehe Browserunterstützung). Sie wird verwendet, wenn Nutzer auf einen Link klicken und Sie sie in der App behalten möchten, anstatt sie zu einem externen Browser weiterzuleiten. Viele Browserfunktionen sind sofort verfügbar.
Android-App, die in Google Play geöffnet ist, wobei die primäre Webansicht hervorgehoben ist. Benutzerdefinierter Tab mit der hervorgehobenen Webseite „Android For Developers“
Abbildung 1. „WebView“ (links) und „Benutzerdefinierter Tab“ (rechts) im Umriss.

Warum sollte ich Webinhalte einbetten?

Das Einbetten von Webinhalten in Ihre App hat mehrere Vorteile:

  • Effizienz: Sie können vorhandenen Code von Ihrer Website wiederverwenden. Auf bestehenden Webtechnologien und Inhalten aufbauen.
  • Integration: Sie verwenden externe Inhalte von Drittanbietern, z. B. Media und Anzeigen, in Ihrer App.
  • Flexibilität: Inhalte lassen sich dynamisch aktualisieren, ohne dass Sie an vordefinierte Benutzeroberflächen gebunden sind oder App-Updates veröffentlichen müssen.

Wann sollten Web-Inhalte 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.

  • Sie können Ihre eigenen Webinhalte inline als primäre Benutzeroberfläche anzeigen lassen, wenn Sie die Benutzeroberfläche flexibel anpassen oder aktualisieren möchten.
  • 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 wird, wobei die primäre Webansicht in einem roten Feld hervorgehoben ist Eine Android-App wird geöffnet. In einem roten Feld wird unterstützender Text angezeigt.
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 Nutzern ein vollständiges In-App-Browsererlebnis bieten, wenn sie 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 nutzen können:
    • Apps können Weblinks im Splitscreen-Modus öffnen, indem sie eine angrenzende Multi-Window-Umgebung starten. So können Nutzer gleichzeitig Ihre App und einen Browser verwenden. ODER
    • Custom Tabs haben eine Seitenleistenoption, die im selben Task, aber neben den vorhandenen App-Inhalten 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, WebView zu verwenden und eine hochgradig anpassbare In-App-Browserfunktion bereitzustellen, wir empfehlen jedoch Custom Tabs für eine sofort einsatzbereite Browserfunktion und einen nahtlosen Übergang, wenn ein Nutzer einen Weblink im Browser öffnen möchte.
Webseite mit In-App-Link in rotem Feld auf der linken Seite und 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 Credential Manager zu erstellen. Wenn Sie Embedded Web für diese Funktionen weiterhin verwenden müssen, beachten Sie die folgenden Hinweise:

  • Einige Apps verwenden WebView, um Anmeldeabläufe für ihre Nutzer bereitzustellen, z. B. mit einem Nutzernamen und einem Passkey (oder Passwort), die speziell für Ihre App gelten. So können Entwickler die Authentifizierungsabläufe plattformübergreifend vereinheitlichen.
  • Wenn Sie auf einen externen Identitätsanbieter oder eine Anmeldeseite wie „Anmelden mit…“ verlinken, sind Custom Tabs die richtige Wahl. Durch das Starten eines Custom Tab wird das Anmeldedaten des Nutzers geschützt, da es auf die Website des Drittanbieters beschränkt bleibt.

Weitere Informationen zur Verwendung von WebViews zur Authentifizierung finden Sie unter Nutzer mit WebView authentifizieren. Informationen zum Starten eines Custom Tab finden Sie unter Benutzerdefinierte Tabs in Android – Übersicht.

Anmeldefeld in der App mit WebView auf der linken Seite. Drittanbieteranmeldung mit benutzerdefiniertem Tab auf der rechten Seite.
Abbildung 4. Ein In-App-Anmeldefeld (links) und eine Drittanbieteranmeldung, die in einem `Custom Tab` (rechts) geöffnet wird.