Korzystanie z treści internetowych w aplikacji na Androida

Android umożliwia deweloperom korzystanie z możliwości internetu w ramach aplikacji, dzięki czemu mogą oni 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 natywną aplikacją na Androida, np. wyświetlać kanał wiadomości, pokazywać interaktywne samouczki, wyświetlać reklamy czy nawet tworzyć minigry bez konieczności tworzenia wszystkiego od podstaw. Możesz to sobie wyobrazić jako okno do internetu z aplikacji. Istnieją 2 sposoby umieszczania treści internetowych w aplikacji:

  • WebView: wyświetla treści internetowe, które kontrolujesz w ramach, gdy chcesz mieć dużą elastyczność w dostosowywaniu lub aktualizowaniu interfejsu.
  • Własne karty: pełne przeglądanie w aplikacji z użyciem domyślnej przeglądarki użytkownika (zobacz informacje o obsługiwanych przeglądarkach) – gdy użytkownik kliknie link, możesz zachować go w aplikacji, zamiast przekierowywać użytkownika do zewnętrznej przeglądarki.
Aplikacja na Androida otwarta w Google Play. Główny widok internetowy jest wyróżniony na czerwono. Karta niestandardowa otwiera stronę Android dla deweloperów, wyróżnioną na czerwono.
Rysunek 1. WebView (po lewej) i karta niestandardowa (po prawej) obrysowane na czerwono.

Dlaczego warto umieszczać treści internetowe?

  • Skuteczność: używaj ponownie kodu z witryny. korzystanie z dotychczasowych technologii i treści internetowych;
  • Integracja: korzystanie w aplikacji z treści zewnętrznych od dostawców zewnętrznych, takich jak Media czy Reklamy.
  • Elastyczność: możesz aktualizować treści dynamicznie bez ograniczeń związanych z wstępnie zdefiniowanym interfejsem użytkownika ani bez konieczności publikowania aktualizacji aplikacji.

Kiedy stosować treści internetowe?

W aplikacji na Androida możesz korzystać z internetu na 3 główne sposoby:

1. Wstawianie treści internetowych do aplikacji jako treści głównej lub pomocniczej: użyj WebView.

  • Wyświetlaj własne treści internetowe w postaci inline jako główne treści, gdy 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 stron trzecich, w ramce aplikacji lub w oknie;
Aplikacja na Androida otwarta w Google Play. Główny widok internetowy jest wyróżniony na czerwono Otwarta aplikacja na Androida z tekstem pomocniczym w czerwonym polu.
Rysunek 2. Treści internetowe osadzone w aplikacji z komponentami WebView jako głównymi (po lewej) i dodatkowymi (po prawej) treściami.

2. Przeglądanie w aplikacji za pomocą kart niestandardowych lub WebView w bardziej zaawansowanych przypadkach użycia

  • pełne przeglądanie aplikacji, gdy użytkownicy klikają link i chcesz, aby pozostali w aplikacji zamiast przejść do zewnętrznej przeglądarki;
    • 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, korzystając z funkcji uruchamiania sąsiadującego okna wielozadaniowego. Dzięki temu użytkownicy mogą jednocześnie wykonywać wiele zadań w aplikacji i przeglądarce. LUB
    • Karty niestandardowe mają opcję panelu bocznego, który może otwierać się w ramach tego samego zadania, ale obok treści dotychczasowej aplikacji.
  • Karta niestandardowa działa w przypadku przeglądarek, które obsługują karty niestandardowe, w wybranym domyślnym programie przeglądarki użytkownika.
    • Chociaż można użyć komponentu WebView i zapewnić użytkownikom możliwość dostosowania przeglądania w aplikacji, zalecamy korzystanie z kart niestandardowych, aby zapewnić płynne korzystanie z przeglądarki i bezproblemowe przechodzenie do linków internetowych w przeglądarce.
Strona internetowa z linkiem w aplikacji w czerwonym polu po lewej stronie oraz 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.

Zalecane podejście w Androidzie polega na tworzeniu procesów logowania lub uwierzytelniania za pomocą Menedżera danych logowania. Jeśli okaże się, że nadal musisz używać wbudowanej przeglądarki w tych przypadkach, postępuj zgodnie z tymi wskazówkami:

  • Niektóre aplikacje używają komponentów WebView do udostępniania użytkownikom procesów logowania, w tym za pomocą nazwy użytkownika i klucza dostępu (lub hasła) charakterystycznych dla aplikacji. Umożliwia to deweloperom ujednolicenie procesów uwierzytelniania na różnych platformach.
  • Gdy linkujesz do zewnętrznego dostawcy tożsamości lub do logowania, np. „Zaloguj się przez…”, możesz użyć kart niestandardowych. Dzięki temu dane logowania użytkownika pozostaną chronione i odizolowane w witrynie zewnętrznej.

Więcej informacji o używaniu komponentów WebView do uwierzytelniania znajdziesz w artykule Uwierzytelnianie użytkowników za pomocą WebView. Informacje o uruchamianiu kart niestandardowych znajdziesz w artykule Omówienie kart niestandardowych na urządzeniach z Androidem.

Pole logowania w aplikacji z komponentem WebView po lewej stronie Logowanie przez inną usługę z kartą niestandardową po prawej stronie.
Rysunek 4. Pole logowania w aplikacji (po lewej) i logowanie do usługi innej firmy w karcie niestandardowej (po prawej).