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 sich aus der Möglichkeit ergibt, bestimmte Arten von Inhalten darzustellen.

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 lassen sich Webinhalte, die Sie steuern, inline an der gewünschten Stelle einfügen. Das ist besonders nützlich, 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.

Abbildung 1. WebView (links) und benutzerdefinierter Tab (rechts) im Umriss.

Warum sollte ich Webinhalte einbetten?

• Effizienz: Sie können 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 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.

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 Splitscreen-Modus öffnen, indem sie eine angrenzende Multi-Window-Umgebung starten. So können Nutzer gleichzeitig Ihre App und einen Browser verwenden. 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.

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 „Mit … anmelden“ verlinken, sollten Sie benutzerdefinierte Tabs verwenden. 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.

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