Przeglądarki w aplikacjach zapewniają użytkownikom pełne możliwości przeglądania internetu 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.
Wybór między kartami niestandardowymi a widokami WebView to ważna decyzja architektoniczna, która wpływa na szybkość tworzenia aplikacji, 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, kampanii w aplikacji lub stron z warunkami usługi; | wyświetlanie treści z zewnętrznych witryn (np. artykułów z wiadomościami lub stron produktów); |
| Sterowanie interfejsem | 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 działań niestandardowych. |
| 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 internetowymi a natywnym kodem aplikacji. | Ograniczony Do podstawowego przekazywania ciągów tekstowych możesz użyć metody window.postMessage(). |
| Nakład pracy programisty | Wysoki Musisz samodzielnie zarządzać cyklem życia, nawigacją i wydajnością. | Niski Możesz go wdrożyć za pomocą zaledwie 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 nieco bardziej skomplikowane w obsłudze niż karty niestandardowe.
Komponent WebView może wczytywać zdalne lub lokalne treści internetowe, wykonywać JavaScript i umożliwiać dwukierunkową komunikację między treściami internetowymi a natywnym kodem aplikacji. Więcej informacji o jego możliwościach znajdziesz w artykule Co można robić w WebView.
Możesz też używać WebView do udostępniania 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 WebView sprawdza się najlepiej:
- Aplikacje hybrydowe: tworzysz aplikację, w której treści internetowe i komponenty natywne (np. pasek nawigacyjny lub pływający przycisk działania) znajdują się obok siebie.
- Treści własne: Twoje treści internetowe stanowią podstawową, interaktywną część 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ć, możesz napotkać problemy z wydajnością lub błędy ANR (Aplikacja nie odpowiada).
- Bezpieczeństwo i konserwacja: odpowiadasz za zwiększenie bezpieczeństwa 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 świetne 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 osadzonej usługi internetowej.
- Stan udostępniony: ponieważ udostępnia pliki cookie domyślnej przeglądarce użytkownika, nie musi on ponownie logować się w witrynach, które już odwiedził.
- Logowanie w usługach innych firm: są dobrze przystosowane do procesów 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 możliwości dostosowywania niż inne. Więcej informacji znajdziesz w sekcji Obsługiwane przeglądarki.
Używanie treści internetowych 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 dowolnegoContextw 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:
- Umieszczanie treści internetowych w aplikacji jako treści podstawowych lub pomocniczych
- Dokumentacja API: WebView
- Omówienie kart niestandardowych
- Omówienie zaufanej aktywności internetowej
- Obsługiwane przeglądarki