Webinhalte in Ihrer Android-App verwenden

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

So können Sie vorhandene Webinhalte nahtlos in Ihre native Android-Anwendung 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. 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 steuern, inline anzeigen lassen, wenn Sie die Benutzeroberfläche flexibel anpassen oder aktualisieren möchten.
  • Benutzerdefinierte Tabs: Eine vollständige In-App-Browserfunktion, die vom Standardbrowser des Nutzers unterstützt wird (siehe Browserunterstützung), wenn Nutzer auf einen Link klicken und Sie sie in der App behalten möchten, anstatt sie zu einem externen Browser weiterzuleiten.
Android-App, die zu Google Play geöffnet wird, wobei die primäre Webansicht in einem roten Feld hervorgehoben ist. Benutzerdefinierter Tab, der auf der Webseite „Android For Developers“ geöffnet ist. Der Tab ist rot umrandet.
Abbildung 1. WebView (links) und benutzerdefinierter Tab (rechts) rot umrandet.

Warum Web-Inhalte einbetten?

  • Effizienz: Vorhandenen Code von Ihrer Website wiederverwenden. Auf bestehenden Webtechnologien und Inhalten aufbauen.
  • Integration: Nutzen Sie externe Inhalte von Drittanbietern, z. B. Media und Ads, 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 Funktion anzeigen, 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. Die primäre Webansicht ist rot umrandet. Eine Android-App wird geöffnet. In einem roten Feld wird unterstützender Text angezeigt.
Abbildung 2. In die App eingebettete Webinhalte mit WebViews als primäre (links) und unterstützende Inhalte (rechts).

2. In-App-Browser mit benutzerdefinierten 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 Splitscreenmodus öffnen, indem sie eine angrenzende Mehrfensteransicht starten. So können Nutzer gleichzeitig zwischen Ihrer App und einem Browser wechseln. ODER
    • Benutzerdefinierte Tabs haben eine Seitenleistenoption, die im selben Task, aber neben den vorhandenen App-Inhalten geöffnet werden kann.
  • Der benutzerdefinierte Tab wird vom Standardbrowser des Nutzers unterstützt, sofern dieser benutzerdefinierte Tabs unterstützt.
    • Es ist zwar möglich, eine WebView zu verwenden und eine hochgradig anpassbare In-App-Browsernutzung zu ermöglichen, wir empfehlen jedoch benutzerdefinierte Tabs für eine sofort einsatzbereite Browsernutzung 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 WebViews, um Anmeldeabläufe für ihre Nutzer bereitzustellen, einschließlich der Verwendung eines für Ihre App spezifischen Nutzernamens und Passkeys (oder Passworts). So können Entwickler die Authentifizierungsabläufe plattformübergreifend vereinheitlichen.
  • Wenn Sie auf einen Drittanbieter-Identitätsanbieter oder eine Anmeldeseite wie „Anmelden mit…“ verlinken, sind benutzerdefinierte Tabs die richtige Wahl. Wenn Sie benutzerdefinierte Tabs starten, bleiben die Anmeldedaten des Nutzers geschützt und auf die Website des Drittanbieters beschränkt.

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

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 benutzerdefinierten Tab geöffnet wird (rechts).