Webinhalte in Ihrer Android-App verwenden

Mit Android können Sie die Leistungsfähigkeit des Webs in Ihren Apps nutzen. Sie können also von der Flexibilität und Effizienz profitieren, die sich durch die Möglichkeit ergibt, bestimmte Arten von Inhalten anzuzeigen.

So können Sie vorhandene Webinhalte nahtlos in Ihre Android-App einbinden, z. B. um einen Newsfeed oder interaktive Tutorials anzuzeigen, Werbung auszuliefern 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: Damit können Sie Web-Inhalte, die Sie kontrollieren, 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. Ein Großteil der Browserfunktionen ist 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) sind umrandet.

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. Einbetten von Webinhalten in Ihre App als primäre oder unterstützende Inhalte: Verwenden Sie WebView.

  • Sie können Ihre eigenen Webinhalte inline als primäre Funktion 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 ist, wobei die primäre Webansicht in einem roten Rahmen hervorgehoben ist Eine Android-App wird geöffnet. In einem roten Feld wird unterstützender Text angezeigt.
Abbildung 2. Webinhalte, die mit `WebView`s in die App eingebettet sind, als primäre (links) und unterstützende Inhalte (rechts).

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

  • Nutzer können in der App surfen, wenn sie auf einen Link klicken. So bleiben sie in der App und werden nicht zu einem externen Browser weitergeleitet.
    • 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 dem Credential Manager zu erstellen. Wenn Sie feststellen, dass Sie Embedded Web für diese Funktionen weiterhin verwenden müssen, folgen Sie dieser Anleitung:

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

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.