Korzystanie z treści internetowych w aplikacji na Androida

Android umożliwia wykorzystanie możliwości internetu w aplikacjach. Dzięki temu możesz korzystać z elastyczności i wydajności wyświetlania określonych typów treści.

Dzięki temu możesz bezproblemowo zintegrować istniejące treści internetowe z aplikacją na Androida, np. wyświetlać kanał informacyjny, interaktywne samouczki, reklamy, a nawet hostować minigrę bez konieczności tworzenia wszystkiego od zera. Możesz ją traktować jako okno do internetu w aplikacji. Istnieją 2 sposoby osadzania treści internetowych w aplikacji:

  • WebView: wyświetla treści internetowe, nad którymi masz kontrolę, w miejscu, w którym chcesz mieć dużą elastyczność w dostosowywaniu lub aktualizowaniu interfejsu.
  • Custom Tabs: pełne przeglądanie w aplikacji oparte na domyślnej przeglądarce użytkownika (zobacz obsługiwane przeglądarki), gdy użytkownicy klikają link i chcesz, aby pozostali w aplikacji zamiast przechodzić do zewnętrznej przeglądarki. Większość funkcji przeglądania jest dostępna od razu.
Aplikacja na Androida otwarta w Google Play z wyróżnionym głównym widokiem internetowym. Wyróżniona karta niestandardowa otwarta na stronie internetowej Android For Developers.
Rysunek 1. `WebView` (po lewej) i `Custom Tab` (po prawej) z zaznaczonymi konturami.

Dlaczego warto osadzać treści internetowe?

Osadzanie treści internetowych w aplikacji ma kilka zalet:

  • Wydajność: używaj ponownie istniejącego kodu z witryny. korzystać z istniejących technologii internetowych i treści;
  • Integracja: używaj w aplikacji zewnętrznych treści od dostawców zewnętrznych, takich jak media i reklamy.
  • Elastyczność: dynamicznie aktualizuj treści bez ograniczeń związanych z wcześniej zdefiniowanymi interfejsami lub bez konieczności publikowania aktualizacji aplikacji.

Kiedy używać treści internetowych?

Istnieją 3 główne przypadki użycia internetu w aplikacji na Androida:

1. Umieszczanie treści internetowych w aplikacji jako treści podstawowych lub pomocniczych: użyj WebView

  • Wyświetlaj własne treści internetowe w formie wbudowanej jako podstawowe środowisko, w którym chcesz mieć dużą elastyczność w dostosowywaniu lub aktualizowaniu interfejsu.
  • wyświetlać inne treści, takie jak reklamy, warunki prawne i przepisy lub inne treści podmiotów zewnętrznych, w formie wbudowanej lub w oknie w aplikacji;
Aplikacja na Androida otwarta w Google Play z głównym widokiem internetowym wyróżnionym czerwonym polem Otwarta aplikacja na Androida z tekstem pomocniczym w czerwonym polu.
Rysunek 2. Treści internetowe osadzone w aplikacji za pomocą komponentów WebView jako treści główne (po lewej) i pomocnicze (po prawej).

2. przeglądanie w aplikacji za pomocą Custom Tabs lub WebView w bardziej zaawansowanych przypadkach użycia;

  • zapewnić pełne korzystanie z przeglądarki w aplikacji, gdy użytkownicy klikną link i chcesz, aby pozostali w aplikacji, zamiast przechodzić do przeglądarki zewnętrznej;
    • Uwaga: w przypadku urządzeń z dużym ekranem, takich jak tablety i urządzenia składane, dostępne są dodatkowe opcje, które pomagają aplikacjom wykorzystać dodatkową przestrzeń:
    • Aplikacje mogą otwierać linki internetowe na podzielonym ekranie za pomocą funkcji uruchamiania sąsiedniego okna. Umożliwia to użytkownikom jednoczesne wykonywanie wielu zadań w aplikacji i przeglądarce. LUB
    • Custom Tabs mają opcję panelu bocznego, który może otwierać się w tym samym zadaniu, ale obok treści istniejącej aplikacji.
  • Custom Tab jest obsługiwana przez domyślną przeglądarkę użytkownika w przypadku przeglądarek, które obsługują Custom Tabs.
    • Możesz użyć WebView i zapewnić użytkownikom wysoce konfigurowalne wrażenia podczas przeglądania w aplikacji, ale zalecamy użycie Custom Tabs, aby zapewnić gotowe wrażenia podczas przeglądania i bezproblemowe przejście, gdy użytkownik chce otworzyć link w przeglądarce.
Strona internetowa z linkiem w aplikacji w czerwonym polu po lewej stronie i przeglądarka w aplikacji po prawej stronie.
Rysunek 3. Kliknięcie linku w aplikacji (po lewej) i otwarcie przeglądarki w aplikacji (po prawej).

3. procesy logowania lub uwierzytelniania w aplikacji,

Android sugeruje tworzenie procesów logowania lub uwierzytelniania za pomocą Menedżera danych logowania. Jeśli stwierdzisz, że nadal musisz używać wbudowanej przeglądarki w tych przypadkach, skorzystaj z tych wskazówek:

  • Niektóre aplikacje używają WebViews, aby udostępniać użytkownikom przepływy logowania, w tym używanie nazwy użytkownika i klucza dostępu (lub hasła) specyficznych dla danej aplikacji. Umożliwia to deweloperom ujednolicenie przepływów uwierzytelniania na różnych platformach.
  • Gdy odsyłasz użytkownika do zewnętrznego dostawcy tożsamości lub do logowania, np. „Zaloguj się za pomocą…”, używaj Custom Tabs. Uruchomienie Custom Tab pomaga chronić dane logowania użytkownika, ponieważ są one odseparowane od witryny zewnętrznej.

Więcej informacji o używaniu WebView do uwierzytelniania znajdziesz w artykule Uwierzytelnianie użytkowników za pomocą komponentu WebView. Informacje o uruchamianiu Custom Tab znajdziesz w tym artykule.

Pole logowania w aplikacji z komponentem WebView po lewej stronie. Logowanie za pomocą usługi innej firmy z kartą niestandardową po prawej stronie.
Rysunek 4. Pole logowania w aplikacji (po lewej) i logowanie za pomocą usługi innej firmy otwarte na karcie niestandardowej (po prawej).