Przeglądanie w aplikacji za pomocą osadzonej przeglądarki

Przeglądarki w aplikacjach zapewniają użytkownikom pełne wrażenia użytkownika witryny bez konieczności opuszczania aplikacji. Android oferuje 2 główne interfejsy API do implementowania przeglądarek w aplikacjach: karty niestandardowe i komponenty WebView. Używaj przeglądarki w aplikacji, gdy masz link lub reklamę prowadzącą do strony internetowej. Możesz otworzyć tę stronę bezpośrednio w aplikacji, jak widać na rysunku 1.

Link w aplikacji w czerwonym polu i strzałka wskazująca inny ekran, na którym widać link otwarty w karcie niestandardowej.
Rysunek 1. Kliknięcie linku w aplikacji (po lewej) i otwarcie przeglądarki w aplikacji za pomocą karty niestandardowej (po prawej).

Wybór między kartami niestandardowymi a widokami WebView to ważna decyzja architektoniczna, która wpływa na szybkość programowania, wygodę użytkowników i stopień kontroli nad interfejsem.

Szybkie porównanie

Tabela poniżej pomoże Ci zdecydować, które narzędzie jest dla Ciebie odpowiednie:

Funkcja WebView | komponent WebView Karty niestandardowe
Główny przypadek użycia Tworzenie aplikacji hybrydowych, w których internet jest główną lub pomocniczą treścią, wyświetlanie reklam displayowych, kampanii promujących aplikację lub stron z warunkami korzystania z usługi. wyświetlanie treści z zewnętrznych witryn (np. artykułów z wiadomościami lub stron produktów);
Element sterujący interfejsu Pełny Jest to komponent View, który możesz umieścić w dowolnym miejscu. Masz kontrolę nad całym interfejsem. Ograniczony Możesz zmienić kolor paska narzędzi i dodać kilka niestandardowych działań.
Dane i sesje W piaskownicy Nie udostępnia plików cookie ani danych logowania głównej przeglądarce użytkownika. Udostępnione. Korzysta z domyślnej sesji przeglądarki użytkownika, w tym z plików cookie i zapisanych haseł.
Most między aplikacją natywną a internetową Tak. Możesz użyć mostu JavaScript do głębokiej, dwukierunkowej komunikacji między treściami z internetu a natywnym kodem aplikacji. Ograniczony Do podstawowego przekazywania ciągów tekstowych możesz użyć metody window.postMessage().
Nakład pracy dewelopera Wysoki Musisz samodzielnie zarządzać cyklem życia, nawigacją i wydajnością. Niski Możesz go wdrożyć za pomocą kilku linii kodu.

WebView | komponent WebView

WebView to widok, który sprawia, że strony internetowe stają się integralną częścią układu aplikacji. Jest to potężne narzędzie, ale w porównaniu z kartami niestandardowymi jest nieco bardziej skomplikowane w obsłudze.

Komponent WebView może wczytywać zdalne lub lokalne treści z internetu, wykonywać JavaScript i umożliwiać dwukierunkową komunikację między treściami z internetu a natywnym kodem aplikacji. Więcej informacji o jego możliwościach znajdziesz w artykule Co potrafi WebView.

Możesz też używać WebView do dostarczania aplikacji internetowej lub wyświetlania strony internetowej online w ramach aplikacji. Przykładem może być umowa z użytkownikiem, którą musisz okresowo aktualizować. Więcej informacji znajdziesz w artykule Tworzenie aplikacji internetowych w WebView.

Dlaczego warto wybrać WebView

Oto kilka sytuacji, w których interfejs WebView jest dobrym rozwiązaniem:

  • Aplikacje hybrydowe: tworzysz aplikację, w której treści z internetu i komponenty natywne (np. pasek nawigacyjny lub pływający przycisk polecenia (FAB)) znajdują się obok siebie.
  • Treści własne: Twoje treści z internetu stanowią podstawową, interaktywną część wrażeń użytkownika aplikacji, np. edytor dokumentów lub obszar projektowy.
  • Pełna kontrola nad interfejsem: musisz zmodyfikować zawartość strony internetowej lub nałożyć na nią natywne elementy interfejsu.
  • Szczegółowe statystyki: potrzebujesz szczegółowych informacji o zaangażowaniu i aktywności użytkowników w widoku internetowym.

Kluczowe kompromisy

Oto kilka kluczowych kompromisów, które należy wziąć pod uwagę podczas korzystania z WebView:

  • Wydajność: WebView może zużywać dużo pamięci. Jeśli nie będziesz nim starannie zarządzać, mogą wystąpić problemy z wydajnością lub błędy ANR (aplikacja nie odpowiada).
  • Bezpieczeństwo i konserwacja: odpowiadasz za wzmacnianie zabezpieczeń i zarządzanie cyklem życia. Aktualizacje WebView są jednak wdrażane globalnie za pomocą Google Play, więc nie musisz się martwić, że silnik bazowy będzie nieaktualny.

Karty niestandardowe

Karty niestandardowe to doskonałe rozwiązanie do kierowania użytkowników do zewnętrznych adresów URL, ponieważ zapewniają szybkie, bezpieczne i przyjazne dla użytkownika okno przeglądarki, które wysuwa się nad aplikacją.

Dlaczego warto wybrać karty niestandardowe

Oto kilka scenariuszy, w których karty niestandardowe sprawdzają się najlepiej:

  • Linki zewnętrzne: gdy użytkownik kliknie link do witryny, która nie należy do Ciebie, karty niestandardowe zachowują kontekst Twojej aplikacji, zapewniając jednocześnie pełną funkcjonalność przeglądarki.
  • Łatwość integracji: to najprostszy sposób na uruchomienie osadzonego środowiska internetowego.
  • Stan udostępniony: ponieważ udostępnia pliki cookie domyślnej przeglądarce użytkownika, użytkownicy nie muszą ponownie logować się w witrynach, które już odwiedzili.
  • Logowanie w usługach innych firm: są one odpowiednie w przypadku logowania w usługach innych firm (np. „Zaloguj się przez Google” lub „Zaloguj się przez Facebooka”), ponieważ przeglądarka bezpiecznie obsługuje dane logowania.

Większość przeglądarek obsługuje karty niestandardowe, ale niektóre oferują więcej opcji dostosowywania niż inne. Więcej informacji znajdziesz w sekcji Obsługiwane przeglądarki.

Używanie treści z internetu w Jetpack Compose

Podczas tworzenia aplikacji za pomocą Jetpack Compose możesz używać zarówno kart niestandardowych, jak i widoku WebView:

  • Karty niestandardowe: ponieważ karty niestandardowe korzystają z Intent, możesz je uruchamiać z dowolnego Context w funkcjach Compose, co zapewnia płynną integrację.
  • WebView: Compose nie ma jeszcze natywnego komponentu WebView, więc musisz użyć AndroidView, aby osadzić standardowy komponent WebView w układzie.

Dodatkowe materiały

Aby tworzyć strony internetowe na urządzenia z Androidem za pomocą interfejsów WebView lub kart niestandardowych, zapoznaj się z tymi dokumentami: