Teraz przetestowaliśmy aplikację na prawdziwym urządzeniu, które jest oczywiście całkiem fajne i niesamowite, że tam działa, ale w
celu opracowania, faktycznie użyję symulatora, który jest
urządzeniem wirtualnym działającym na mojej maszynie, po prostu, aby nie Ciągle muszę testować aplikację
na moim prawdziwym urządzeniu, lubię mieć ją tutaj, również ułatwia nagrywanie.
Prawdopodobnie zechcesz też w pewnym momencie przetestować aplikację na symulatorze, na przykład ponieważ prawdopodobnie posiadasz tylko urządzenie
z Androidem lub iOS, a także chcesz przetestować i zobaczyć swoją aplikację na innej platformie lub
masz oba urządzenia, masz iPhone'a, masz telefon z Androidem, ale chcesz też przetestować swoją aplikację na
starszym iPhonie, na mniejszym urządzeniu z Androidem, a za pomocą symulatorów i emulatorów możesz uruchamiać różne typy
urządzeń i testować tam swoją aplikację. Aby rozpocząć, przejdź do sekcji przewodników na dole i kliknij opcję Uruchom
i uruchom, bez względu na to, gdzie klikniesz, w
końcu musisz tylko przejść do dokumentów. expo. io, i
tam w zarządzanym przepływie pracy możesz kliknąć
symulator iOS lub emulator Android Studio, a tam nauczyłeś się, jak zainstalować
Android Studio, a następnie uruchomić urządzenie wirtualne lub zainstalować Xcode, który jest środowiskiem
programistycznym Apple i uruchomić symulator iOS. Ważne, symulator iOS można uruchomić tylko na urządzeniach
MacOS, ponieważ Xcode, narzędzie, którego absolutnie potrzebujesz, nie jest dostępne w systemie Windows lub Linux, więc
nie możesz uruchomić symulatora iOS w systemie Windows lub Linux, możesz uruchomić system Android Tam emulator Studio, na MacOS
możesz uruchomić oba.
Zainstalujmy teraz te rzeczy i zacznijmy od emulatora Android Studio,
w tym celu przede wszystkim musisz zainstalować Android Studio. W tym celu możesz oczywiście po prostu google dla Android
Studio i powinieneś znaleźć programistę. Android. com / studio,
po prostu kliknij tam, a potem tam, wybierz pobierz Android Studio i zaakceptuj te warunki tutaj.
Teraz otworzy się to okno pobierania, a teraz pobierz Android Studio, który jest dość
duży, dlatego pobieranie może trochę potrwać.
Teraz wrócę po
zakończeniu pobierania, aby kontynuować instalację. Pobieranie zakończyło się dla mnie i po
tym, otwieram to, teraz jestem tutaj na Macu, ale także Windows, po prostu kliknij dwukrotnie pobrany
plik, aby uruchomić instalator, a instalator otworzy się i przeprowadzi cię kilka kroków.
Teraz w tym instalatorze możesz po prostu pozostawić wszystkie ustawienia domyślne. Teraz z zainstalowanym Android Studio i zakończoną
instalacją, uruchomimy się za sekundę.
Teraz, zanim uruchomię wraz z Tobą i przejdziemy przez ten pierwszy krok, upewnij się, że te
ustawienia w systemie MacOS i Linux są poprawnie skonfigurowane.
Tak więc w systemie Windows
powinieneś to zrobić, ale w systemach MacOS i Linux upewnij się, że postępujesz zgodnie z
tymi dwoma krokami, które znajdziesz w oficjalnych dokumentach, aby wszystko działało poprawnie. Teraz uruchommy Android Studio. Po uruchomieniu powinien pojawić
się ekran podobny do tego.
Tam możesz kliknąć konfiguruj, a następnie wybrać menedżera SDK.
Teraz tutaj, w menedżerze SDK, upewnij się, że masz zainstalowany jeden z najnowszych zestawów SDK.
Teraz zazwyczaj masz najwyższy zestaw SDK, który jest wciąż w fazie beta, więc w
moim przypadku jest to Android API poziom 29q, który nie ma jeszcze oficjalnej nazwy, a najnowsza
stabilna wersja, w moim przypadku pi, jest tą, którą powinieneś
zainstalować, zazwyczaj drugi element tutaj na tej liście.
Tak więc pierwsza wersja, która ma prawdziwą nazwę, w
tym przypadku pi, upewnij się, że jest ona zainstalowana,
po prostu zaznaczając ją tutaj, a po sprawdzeniu możesz kliknąć Zastosuj tam,
a to automatycznie pobierze i zainstaluje to. Oprócz zainstalowanego pakietu SDK, upewnij się, że w narzędziach
SDK
zainstalowano tutaj emulator Androida, więc po prostu kliknij tutaj, dodaj tutaj znacznik wyboru oraz narzędzia platformy
SDK i narzędzia SDK, aby wszystkie te trzy zostały sprawdzone tutaj . Sprawdź także akcelerator emulatora Intl 86 tutaj i usługi Google Play.
Po zaznaczeniu wszystkich zaznaczeń kliknij przycisk Zastosuj, a
teraz ponownie pojawi się monit, a następnie zacznij pobieranie wszystkich tych elementów i zainstaluj
je tutaj w konfiguracji systemu Android, a wszystkie te rzeczy trzeba zainstalować, aby móc tworzyć aplikacje na Androida.
Poczekajmy więc na zakończenie pobierania i instalacji tutaj, a gdy to się skończy, gotowe, możesz to
zamknąć, a następnym krokiem, nadal w tym oknie Android Studio, jest kliknięcie na
skonfiguruj menedżera AVD.
Jest to menedżer, który pozwala tworzyć i uruchamiać urządzenia wirtualne.
Widzisz, mam już kilka urządzeń, możesz ich
nie mieć, zawsze możesz utworzyć nowe w lewym dolnym rogu, klikając opcję Utwórz
urządzenie wirtualne, a następnie wybierz telefon tutaj i możesz wybrać dowolny obraz, który chcesz tutaj utworzyć różne urządzenia
o różnych rozmiarach.
Polecam skorzystanie z takiego, który ma zainstalowany Sklep Play, który może pomóc w testowaniu
niektórych funkcji, które mogą być potrzebne
później, ale ogólnie możesz wybrać dowolny obraz, który chcesz, pójdę
z pikselem 2 tutaj. Kliknij przycisk Dalej, a
następnie wybierz wersję
Androida, której chcesz używać na tym urządzeniu, i
tam użyję najnowszej stabilnej wersji, więc
nie wersji beta, w moim przypadku nie wersji Q, ale najnowszej stabilnej, być może
trzeba ją pobrać po pierwsze, ten obraz jest niezależny od zestawów
SDK zainstalowanych przed chwilą, są to obrazy urządzeń. Więc upewnij się, że pobierasz najnowszą stabilną wersję, a następnie wybierz
ją później, kliknij Dalej.
Możesz pozostawić ustawienia domyślne
tutaj, możesz zanurzyć się w ustawieniach zaawansowanych, jeśli naprawdę wiesz,
co robisz, ale w przeciwnym razie możesz pozostawić ustawienia domyślne i kliknąć
przycisk Zakończ, a to utworzy teraz nowy emulator, w moim przypadku ten tutaj i możesz
uruchomić emulator, klikając tutaj zielony przycisk odtwarzania, a to uruchomi tutaj ten emulator, który właśnie się tutaj uruchamia,
a po uruchomieniu możesz uruchomić na tym emulatorze aplikację expo, aplikację React Native.
Poczekajmy więc, aż to
się skończy, i pokażę, jak uruchomić aplikację expo na tym emulatorze. Emulator zakończył ładowanie, a teraz możesz uruchomić
aplikację na tym emulatorze, po prostu przechodząc do projektu, w którym proces może nadal
działać, jeśli go zamkniesz, możesz
po prostu zrestartować npm start w projekcie React Native expo.
To właśnie robię tutaj i ponownie uruchamiam narzędzia do tworzenia expo w przeglądarce tutaj i teraz tutaj, gdzie
wcześniej skanowaliśmy ten kod QR, możesz nacisnąć uruchomić na urządzeniu z Androidem lub emulatorze, a jeśli
masz uruchomiony emulator, automatycznie uruchomi twoją aplikację tam lub na twoim terminalu, na
którym masz uruchomiony proces npm,
możesz nacisnąć a, aby uruchomić aplikację również na emulatorze.
Właśnie to
właśnie zrobiłem, teraz automatycznie zainstaluje klienta expo na emulatorze, więc
nie musisz instalować ani ręcznie instalować klienta expo, jest to zrobione dla ciebie, a
kiedy to zrobisz, buduje twoją aplikację i działa na tym urządzeniu z Androidem.
Poczekajmy, aż to się
skończy, oto jest, uruchamia się i tak, kliknij OK, tutaj pojawi się monit, czy
chcesz zezwolić na wyświetlanie tej aplikacji przy pierwszym uruchomieniu. Włącz to tutaj, a następnie wróć, przejdź do szuflady aplikacji tutaj
lub do menedżera zadań i wróć tutaj do swojej aplikacji, a teraz tutaj jest uruchomiona aplikacja expo, ponownie buduje
ten pakiet JavaScript na dole, a kiedy to się skończy, uruchomi tutaj twoją aplikację expo i tylko
ta pierwsza kompilacja trwa dość długo, kolejne przebudowy i gorące przeładowania, jak widzieliście, są dość szybkie.
Poczekajmy więc na zakończenie tej kompilacji, a teraz kończy się tu i tutaj, widzimy naszą aplikację. Nawiasem mówiąc, jest to miłe, widzieliśmy to
wcześniej
na iPhonie, przynajmniej tutaj na filmach.
Teraz działa na Androidzie, a przycisk jest jednym z niewielu składników React Native,
który automatycznie dostosowuje wygląd do platformy, więc jest
to całkiem słodkie
i mamy taką samą funkcjonalność jak poprzednio, co pozwala nam to przetestować, a nie tylko na
prawdziwym urządzeniu, ale także
w symulatorze i tam możesz symulować dowolne urządzenie z Androidem, co jest oczywiście bardzo przydatne.
Tak więc jest to aplikacja działająca
na symulatorze Androida i podczas tego kursu zawsze zawsze pokażę, jak to działa i działa na emulatorze Androida.
Teraz przejdźmy do uruchomienia tego na iOS.