1 00:00:02,530 --> 00:00:07,990 Teraz przetestowaliśmy aplikację na prawdziwym urządzeniu, które jest oczywiście całkiem fajne i niesamowite, że tam działa, ale w 2 00:00:07,990 --> 00:00:10,520 celu opracowania, faktycznie użyję symulatora, który jest 3 00:00:16,270 --> 00:00:20,310 urządzeniem wirtualnym działającym na mojej maszynie, po prostu, aby nie Ciągle muszę testować aplikację 4 00:00:20,460 --> 00:00:23,660 na moim prawdziwym urządzeniu, lubię mieć ją tutaj, również ułatwia nagrywanie. 5 00:00:23,680 --> 00:00:29,680 Prawdopodobnie zechcesz też w pewnym momencie przetestować aplikację na symulatorze, na przykład ponieważ prawdopodobnie posiadasz tylko urządzenie 6 00:00:29,680 --> 00:00:35,530 z Androidem lub iOS, a także chcesz przetestować i zobaczyć swoją aplikację na innej platformie lub 7 00:00:35,530 --> 00:00:41,410 masz oba urządzenia, masz iPhone'a, masz telefon z Androidem, ale chcesz też przetestować swoją aplikację na 8 00:00:41,410 --> 00:00:47,530 starszym iPhonie, na mniejszym urządzeniu z Androidem, a za pomocą symulatorów i emulatorów możesz uruchamiać różne typy 9 00:00:47,680 --> 00:00:52,860 urządzeń i testować tam swoją aplikację. Aby rozpocząć, przejdź do sekcji przewodników na dole i kliknij opcję Uruchom 10 00:00:52,870 --> 00:00:55,030 i uruchom, bez względu na to, gdzie klikniesz, w 11 00:00:55,030 --> 00:00:59,710 końcu musisz tylko przejść do dokumentów. expo. io, i 12 00:00:59,740 --> 00:01:03,460 tam w zarządzanym przepływie pracy możesz kliknąć 13 00:01:03,520 --> 00:01:09,910 symulator iOS lub emulator Android Studio, a tam nauczyłeś się, jak zainstalować 14 00:01:10,000 --> 00:01:16,690 Android Studio, a następnie uruchomić urządzenie wirtualne lub zainstalować Xcode, który jest środowiskiem 15 00:01:16,900 --> 00:01:23,620 programistycznym Apple i uruchomić symulator iOS. Ważne, symulator iOS można uruchomić tylko na urządzeniach 16 00:01:23,710 --> 00:01:30,020 MacOS, ponieważ Xcode, narzędzie, którego absolutnie potrzebujesz, nie jest dostępne w systemie Windows lub Linux, więc 17 00:01:30,040 --> 00:01:37,180 nie możesz uruchomić symulatora iOS w systemie Windows lub Linux, możesz uruchomić system Android Tam emulator Studio, na MacOS 18 00:01:37,180 --> 00:01:38,510 możesz uruchomić oba. 19 00:01:38,530 --> 00:01:41,710 Zainstalujmy teraz te rzeczy i zacznijmy od emulatora Android Studio, 20 00:01:41,770 --> 00:01:47,650 w tym celu przede wszystkim musisz zainstalować Android Studio. W tym celu możesz oczywiście po prostu google dla Android 21 00:01:47,650 --> 00:01:53,080 Studio i powinieneś znaleźć programistę. Android. com / studio, 22 00:01:53,080 --> 00:02:00,550 po prostu kliknij tam, a potem tam, wybierz pobierz Android Studio i zaakceptuj te warunki tutaj. 23 00:02:00,550 --> 00:02:05,090 Teraz otworzy się to okno pobierania, a teraz pobierz Android Studio, który jest dość 24 00:02:05,090 --> 00:02:07,280 duży, dlatego pobieranie może trochę potrwać. 25 00:02:07,360 --> 00:02:09,810 Teraz wrócę po 26 00:02:09,920 --> 00:02:16,250 zakończeniu pobierania, aby kontynuować instalację. Pobieranie zakończyło się dla mnie i po 27 00:02:16,280 --> 00:02:22,490 tym, otwieram to, teraz jestem tutaj na Macu, ale także Windows, po prostu kliknij dwukrotnie pobrany 28 00:02:22,490 --> 00:02:27,750 plik, aby uruchomić instalator, a instalator otworzy się i przeprowadzi cię kilka kroków. 29 00:02:27,810 --> 00:02:33,590 Teraz w tym instalatorze możesz po prostu pozostawić wszystkie ustawienia domyślne. Teraz z zainstalowanym Android Studio i zakończoną 30 00:02:33,590 --> 00:02:36,080 instalacją, uruchomimy się za sekundę. 31 00:02:36,080 --> 00:02:41,960 Teraz, zanim uruchomię wraz z Tobą i przejdziemy przez ten pierwszy krok, upewnij się, że te 32 00:02:41,960 --> 00:02:45,860 ustawienia w systemie MacOS i Linux są poprawnie skonfigurowane. 33 00:02:46,010 --> 00:02:47,780 Tak więc w systemie Windows 34 00:02:47,840 --> 00:02:52,580 powinieneś to zrobić, ale w systemach MacOS i Linux upewnij się, że postępujesz zgodnie z 35 00:02:52,640 --> 00:03:00,170 tymi dwoma krokami, które znajdziesz w oficjalnych dokumentach, aby wszystko działało poprawnie. Teraz uruchommy Android Studio. Po uruchomieniu powinien pojawić 36 00:03:00,170 --> 00:03:02,640 się ekran podobny do tego. 37 00:03:02,750 --> 00:03:07,580 Tam możesz kliknąć konfiguruj, a następnie wybrać menedżera SDK. 38 00:03:07,610 --> 00:03:15,310 Teraz tutaj, w menedżerze SDK, upewnij się, że masz zainstalowany jeden z najnowszych zestawów SDK. 39 00:03:15,350 --> 00:03:20,180 Teraz zazwyczaj masz najwyższy zestaw SDK, który jest wciąż w fazie beta, więc w 40 00:03:20,480 --> 00:03:26,150 moim przypadku jest to Android API poziom 29q, który nie ma jeszcze oficjalnej nazwy, a najnowsza 41 00:03:26,390 --> 00:03:30,050 stabilna wersja, w moim przypadku pi, jest tą, którą powinieneś 42 00:03:30,050 --> 00:03:33,170 zainstalować, zazwyczaj drugi element tutaj na tej liście. 43 00:03:33,170 --> 00:03:37,190 Tak więc pierwsza wersja, która ma prawdziwą nazwę, w 44 00:03:37,190 --> 00:03:40,920 tym przypadku pi, upewnij się, że jest ona zainstalowana, 45 00:03:41,000 --> 00:03:46,460 po prostu zaznaczając ją tutaj, a po sprawdzeniu możesz kliknąć Zastosuj tam, 46 00:03:46,460 --> 00:03:53,830 a to automatycznie pobierze i zainstaluje to. Oprócz zainstalowanego pakietu SDK, upewnij się, że w narzędziach 47 00:03:53,830 --> 00:03:54,640 SDK 48 00:03:54,640 --> 00:04:01,120 zainstalowano tutaj emulator Androida, więc po prostu kliknij tutaj, dodaj tutaj znacznik wyboru oraz narzędzia platformy 49 00:04:01,120 --> 00:04:11,890 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. 50 00:04:13,110 --> 00:04:16,100 Po zaznaczeniu wszystkich zaznaczeń kliknij przycisk Zastosuj, a 51 00:04:16,100 --> 00:04:21,300 teraz ponownie pojawi się monit, a następnie zacznij pobieranie wszystkich tych elementów i zainstaluj 52 00:04:21,300 --> 00:04:27,600 je tutaj w konfiguracji systemu Android, a wszystkie te rzeczy trzeba zainstalować, aby móc tworzyć aplikacje na Androida. 53 00:04:27,600 --> 00:04:34,620 Poczekajmy więc na zakończenie pobierania i instalacji tutaj, a gdy to się skończy, gotowe, możesz to 54 00:04:34,630 --> 00:04:40,300 zamknąć, a następnym krokiem, nadal w tym oknie Android Studio, jest kliknięcie na 55 00:04:40,570 --> 00:04:42,410 skonfiguruj menedżera AVD. 56 00:04:42,490 --> 00:04:46,750 Jest to menedżer, który pozwala tworzyć i uruchamiać urządzenia wirtualne. 57 00:04:46,750 --> 00:04:49,120 Widzisz, mam już kilka urządzeń, możesz ich 58 00:04:49,120 --> 00:04:53,830 nie mieć, zawsze możesz utworzyć nowe w lewym dolnym rogu, klikając opcję Utwórz 59 00:04:53,830 --> 00:05:00,070 urządzenie wirtualne, a następnie wybierz telefon tutaj i możesz wybrać dowolny obraz, który chcesz tutaj utworzyć różne urządzenia 60 00:05:00,070 --> 00:05:01,340 o różnych rozmiarach. 61 00:05:01,360 --> 00:05:06,310 Polecam skorzystanie z takiego, który ma zainstalowany Sklep Play, który może pomóc w testowaniu 62 00:05:06,310 --> 00:05:08,430 niektórych funkcji, które mogą być potrzebne 63 00:05:08,440 --> 00:05:11,830 później, ale ogólnie możesz wybrać dowolny obraz, który chcesz, pójdę 64 00:05:11,860 --> 00:05:15,350 z pikselem 2 tutaj. Kliknij przycisk Dalej, a 65 00:05:15,490 --> 00:05:17,150 następnie wybierz wersję 66 00:05:17,170 --> 00:05:20,230 Androida, której chcesz używać na tym urządzeniu, i 67 00:05:20,230 --> 00:05:22,500 tam użyję najnowszej stabilnej wersji, więc 68 00:05:22,510 --> 00:05:28,110 nie wersji beta, w moim przypadku nie wersji Q, ale najnowszej stabilnej, być może 69 00:05:28,120 --> 00:05:32,350 trzeba ją pobrać po pierwsze, ten obraz jest niezależny od zestawów 70 00:05:32,350 --> 00:05:38,730 SDK zainstalowanych przed chwilą, są to obrazy urządzeń. Więc upewnij się, że pobierasz najnowszą stabilną wersję, a następnie wybierz 71 00:05:39,040 --> 00:05:40,420 ją później, kliknij Dalej. 72 00:05:40,420 --> 00:05:42,600 Możesz pozostawić ustawienia domyślne 73 00:05:42,610 --> 00:05:46,680 tutaj, możesz zanurzyć się w ustawieniach zaawansowanych, jeśli naprawdę wiesz, 74 00:05:46,700 --> 00:05:51,520 co robisz, ale w przeciwnym razie możesz pozostawić ustawienia domyślne i kliknąć 75 00:05:51,610 --> 00:05:57,250 przycisk Zakończ, a to utworzy teraz nowy emulator, w moim przypadku ten tutaj i możesz 76 00:05:57,250 --> 00:06:04,200 uruchomić emulator, klikając tutaj zielony przycisk odtwarzania, a to uruchomi tutaj ten emulator, który właśnie się tutaj uruchamia, 77 00:06:04,200 --> 00:06:09,180 a po uruchomieniu możesz uruchomić na tym emulatorze aplikację expo, aplikację React Native. 78 00:06:09,180 --> 00:06:10,530 Poczekajmy więc, aż to 79 00:06:10,530 --> 00:06:17,420 się skończy, i pokażę, jak uruchomić aplikację expo na tym emulatorze. Emulator zakończył ładowanie, a teraz możesz uruchomić 80 00:06:18,890 --> 00:06:25,640 aplikację na tym emulatorze, po prostu przechodząc do projektu, w którym proces może nadal 81 00:06:25,640 --> 00:06:28,190 działać, jeśli go zamkniesz, możesz 82 00:06:28,220 --> 00:06:33,020 po prostu zrestartować npm start w projekcie React Native expo. 83 00:06:33,020 --> 00:06:39,930 To właśnie robię tutaj i ponownie uruchamiam narzędzia do tworzenia expo w przeglądarce tutaj i teraz tutaj, gdzie 84 00:06:39,930 --> 00:06:46,530 wcześniej skanowaliśmy ten kod QR, możesz nacisnąć uruchomić na urządzeniu z Androidem lub emulatorze, a jeśli 85 00:06:46,530 --> 00:06:51,870 masz uruchomiony emulator, automatycznie uruchomi twoją aplikację tam lub na twoim terminalu, na 86 00:06:51,870 --> 00:06:54,120 którym masz uruchomiony proces npm, 87 00:06:54,120 --> 00:06:57,720 możesz nacisnąć a, aby uruchomić aplikację również na emulatorze. 88 00:06:57,750 --> 00:06:58,950 Właśnie to 89 00:06:59,100 --> 00:07:02,850 właśnie zrobiłem, teraz automatycznie zainstaluje klienta expo na emulatorze, więc 90 00:07:02,880 --> 00:07:07,750 nie musisz instalować ani ręcznie instalować klienta expo, jest to zrobione dla ciebie, a 91 00:07:07,830 --> 00:07:12,540 kiedy to zrobisz, buduje twoją aplikację i działa na tym urządzeniu z Androidem. 92 00:07:12,570 --> 00:07:15,060 Poczekajmy, aż to się 93 00:07:15,060 --> 00:07:21,610 skończy, oto jest, uruchamia się i tak, kliknij OK, tutaj pojawi się monit, czy 94 00:07:21,610 --> 00:07:29,800 chcesz zezwolić na wyświetlanie tej aplikacji przy pierwszym uruchomieniu. Włącz to tutaj, a następnie wróć, przejdź do szuflady aplikacji tutaj 95 00:07:29,800 --> 00:07:36,460 lub do menedżera zadań i wróć tutaj do swojej aplikacji, a teraz tutaj jest uruchomiona aplikacja expo, ponownie buduje 96 00:07:36,460 --> 00:07:42,490 ten pakiet JavaScript na dole, a kiedy to się skończy, uruchomi tutaj twoją aplikację expo i tylko 97 00:07:42,490 --> 00:07:48,240 ta pierwsza kompilacja trwa dość długo, kolejne przebudowy i gorące przeładowania, jak widzieliście, są dość szybkie. 98 00:07:48,520 --> 00:07:55,960 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 99 00:07:55,960 --> 00:07:57,130 wcześniej 100 00:07:57,130 --> 00:08:00,700 na iPhonie, przynajmniej tutaj na filmach. 101 00:08:00,700 --> 00:08:05,440 Teraz działa na Androidzie, a przycisk jest jednym z niewielu składników React Native, 102 00:08:05,470 --> 00:08:08,410 który automatycznie dostosowuje wygląd do platformy, więc jest 103 00:08:08,410 --> 00:08:09,940 to całkiem słodkie 104 00:08:09,940 --> 00:08:15,820 i mamy taką samą funkcjonalność jak poprzednio, co pozwala nam to przetestować, a nie tylko na 105 00:08:15,850 --> 00:08:17,560 prawdziwym urządzeniu, ale także 106 00:08:17,590 --> 00:08:23,020 w symulatorze i tam możesz symulować dowolne urządzenie z Androidem, co jest oczywiście bardzo przydatne. 107 00:08:23,020 --> 00:08:25,500 Tak więc jest to aplikacja działająca 108 00:08:25,510 --> 00:08:31,540 na symulatorze Androida i podczas tego kursu zawsze zawsze pokażę, jak to działa i działa na emulatorze Androida. 109 00:08:31,540 --> 00:08:34,390 Teraz przejdźmy do uruchomienia tego na iOS.