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 das Anzeigen bestimmter Arten von Inhalten bietet.

So können Sie vorhandene Webinhalte nahtlos in Ihre Android-App einbinden, z. B. um einen Nachrichten-Feed 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 als Fenster zum Internet innerhalb 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 Stelle einfügen, an der Sie die Benutzeroberfläche flexibel anpassen oder aktualisieren möchten.
• 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 Funktionen sind sofort einsatzbereit.

Abbildung 1. „WebView“ (links) und „Benutzerdefinierter Tab“ (rechts) im Umriss.

Warum Web-Inhalte 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 können externe Inhalte von Drittanbietern wie Media und Anzeigen in Ihrer App verwenden.
• 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 Inhalte von Dritten inline oder als Fenster in Ihrer App anzeigen.

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 launch an adjacent multi-window experience verwenden. So können Nutzer gleichzeitig Ihre App und einen Browser verwenden. ODER
  • Custom Tabs haben eine Seitenleistenoption, die im selben Task, aber neben Ihren vorhandenen App-Inhalten geöffnet werden kann.
• Custom Tab wird vom Standardbrowser des Nutzers unterstützt, sofern dieser Custom Tabs unterstützt.
  • Es ist zwar möglich, ein 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.

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 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 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, 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.

Abbildung 4. Ein In-App-Anmeldefeld (links) und eine Drittanbieteranmeldung, die in einem benutzerdefinierten Tab geöffnet wird (rechts).