Jetzt haben wir die Anwendung auf einem realen Gerät getestet, was natürlich sehr schön und auch erstaunlich ist, wenn es dort ausgeführt wird, aber für die Entwicklung
werde ich tatsächlich einen Simulator verwenden, bei dem es sich um ein
virtuelles Gerät handelt, das auf meinem Computer ausgeführt wird, einfach damit ich es nicht tue Ich muss die App ständig
auf meinem realen Gerät testen. Ich mag es hier zu haben. Das erleichtert auch die Aufnahme.
Sie möchten die App wahrscheinlich auch irgendwann auf einem Simulator testen, zum Beispiel, weil Sie wahrscheinlich nur
Android- oder iOS-Geräte besitzen und Ihre App auch auf der jeweiligen anderen Plattform testen und sehen
möchten oder wenn Sie beide Geräte haben Sie haben ein iPhone, ein Android-Telefon, möchten Ihre App aber
auch auf einem älteren iPhone oder einem kleineren Android-Gerät testen. Mit Simulatoren und Emulatoren können Sie verschiedene Gerätetypen
starten und Ihre App dort testen. Um damit zu beginnen, gehen Sie zum Abschnitt "Anleitungen" dort unten und klicken
Sie auf "In Betrieb", egal wo Sie klicken. Am Ende
müssen Sie nur zu den Dokumenten gelangen. Messe. io und
dort können Sie im verwalteten Workflow auf
iOS-Simulator oder Android Studio-Emulator klicken. Dort haben Sie gelernt, wie Sie Android
Studio installieren und dann ein virtuelles Gerät starten oder Xcode installieren, die Apples
Entwicklungsumgebung, und einen iOS-Simulator starten. Wichtig ist, dass ein iOS-Simulator nur auf MacOS-Geräten
gestartet werden kann, da Xcode, ein Tool, das Sie unbedingt benötigen, unter Windows oder Linux nicht verfügbar
ist. Sie können also keinen iOS-Simulator unter Windows oder Linux ausführen, sondern Android Studio Emulator dort, unter MacOS können
Sie beide ausführen.
Lassen Sie uns nun diese Dinge installieren und mit dem Android
Studio-Emulator beginnen. Dazu müssen Sie zunächst Android Studio installieren. Dafür können Sie natürlich einfach für Android Studio googeln
und sollten Entwickler finden. Android. com / studio, klicken
Sie einfach dort und dann dort, wählen Sie Download Android Studio und stimmen Sie diesen Bedingungen hier zu.
Dies öffnet nun das Download-Fenster und lädt jetzt Android Studio herunter, das ziemlich groß ist.
Daher kann dieser Download eine Weile dauern.
Jetzt bin ich zurück, sobald dieser
Download abgeschlossen ist, um mit dem Setup fortzufahren. Der Download ist für mich beendet und damit öffne ich
ihn. Jetzt bin ich hier auf dem Mac, aber auch auf Windows. Sie doppelklicken einfach auf diese heruntergeladene Datei, um
das Installationsprogramm zu starten. Das Installationsprogramm wird geöffnet und führt Sie durch die Datei ein paar Schritte.
In diesem Installationsprogramm können Sie einfach alle Standardeinstellungen beibehalten. Nachdem Android Studio installiert und die Installation abgeschlossen ist,
werden wir in einer Sekunde starten.
Bevor ich mit Ihnen zusammen starte und wir diesen ersten Schritt ausführen, stellen Sie sicher, dass
Sie diese Einstellungen unter MacOS und Linux richtig konfiguriert haben.
Unter Windows sollten Sie
dies tun müssen. Unter MacOS und Linux müssen Sie jedoch die beiden Schritte ausführen,
die Sie in den offiziellen Dokumenten finden, damit alles ordnungsgemäß funktioniert. Lassen Sie uns nun Android Studio starten. Sobald Sie es starten, sollten Sie
einen Bildschirm sehen, der ungefähr so aussieht.
Dort können Sie auf Konfigurieren klicken und dann den SDK-Manager auswählen.
Stellen Sie jetzt hier im SDK-Manager sicher, dass Sie eines der neuesten SDKs installiert haben.
Normalerweise haben Sie das oberste SDK, das sich noch in der Beta-Phase befindet. In meinem
Fall ist dies also die Android-API-Version 29q, die noch keinen offiziellen Namen hat, und die neueste stabile
Version, in meinem Fall pi, ist diejenige, die Sie normalerweise installieren
sollten der zweite Punkt hier in dieser Liste.
Die erste Version, die sozusagen einen richtigen Namen hat, in diesem
Fall pi, stellen Sie sicher, dass diese installiert ist, indem
Sie sie hier überprüfen. Sobald Sie sie überprüft haben, können Sie dort unten auf Übernehmen
klicken. Diese wird automatisch heruntergeladen und installiert es. Stellen Sie neben der Installation eines SDK sicher, dass
in
den SDK-Tools der Android-Emulator hier installiert ist. Klicken Sie hier einfach darauf, setzen Sie hier ein
Häkchen und die SDK-Plattform-Tools und die SDK-Tools, damit alle drei hier aktiviert sind . Überprüfen Sie hier auch den Intl 86 Emulator Accelerator und die Google Play Services.
Wenn Sie alle Kontrollkästchen aktiviert haben, klicken Sie
auf "Anwenden". Dies fordert Sie erneut auf, den Download all dieser Elemente zu starten
und sie hier in Ihrem Android-Setup zu installieren. All diese Dinge müssen installiert sein, um Android-Anwendungen zu entwickeln.
Warten wir also, bis dieser Download und diese Installation hier abgeschlossen sind. Wenn Sie fertig sind, können Sie das
schließen. Der nächste Schritt, der sich noch in diesem Android Studio-Fenster befindet, besteht darin, auf
AVD-Manager konfigurieren zu klicken.
Dies ist der Manager, mit dem Sie virtuelle Geräte erstellen und starten können.
Sie sehen, ich habe bereits einige Geräte, möglicherweise
haben Sie keines. Sie können jederzeit ein neues in der unteren linken Ecke erstellen, indem Sie
auf Virtuelles Gerät erstellen klicken und dann hier ein Telefon auswählen. Sie können jedes Bild auswählen, das Sie hier erstellen möchten
verschiedene Geräte unterschiedlicher Größe.
Ich würde empfehlen, einen zu verwenden, auf dem der Play Store installiert ist, der beim Testen bestimmter Funktionen
helfen kann, die wir möglicherweise später benötigen.
Im Allgemeinen können Sie hier jedoch jedes gewünschte Bild auswählen. Ich werde
hier das Pixel 2 verwenden. Klicken Sie auf Weiter und
wählen Sie dann eine
Android-Version aus, die Sie auf diesem Gerät verwenden möchten.
Dort verwende ich die neueste stabile
Version, also nicht die Beta-Version, in meinem Fall nicht die Q-Version, sondern die neueste stabile Version. Möglicherweise
müssen Sie sie herunterladen Erstens ist dieses Image unabhängig von den SDKs, die
Sie vor einer Sekunde installiert haben. Dies sind Geräte-Images. Stellen Sie also sicher, dass Sie den neuesten stabilen herunterladen und anschließend auswählen,
und klicken Sie auf Weiter.
Sie können die Standardeinstellungen hier
belassen. Sie können in die erweiterten Einstellungen eintauchen, wenn Sie wirklich wissen,
was Sie tun. Andernfalls können Sie die Standardeinstellungen beibehalten und auf Fertig stellen klicken.
Dadurch wird jetzt ein neuer Emulator erstellt, in meinem Fall dieser hier und Sie können den Emulator
starten, indem Sie hier auf diese grüne Wiedergabetaste klicken. Dadurch wird nun der Emulator hier gestartet, der jetzt hier hochfährt. Sobald
er hochgefahren ist, können Sie Ihre Expo-App, Ihre React Native-App, auf diesem Emulator ausführen.
Warten wir also, bis dies abgeschlossen
ist, und lassen Sie mich Ihnen dann zeigen, wie Sie Ihre Expo-App auf diesem Emulator starten. Der Emulator ist also fertig gebootet und jetzt können
Sie Ihre App auf diesem Emulator starten, indem Sie einfach zu Ihrem Projekt gehen, in dem Ihr Prozess
möglicherweise noch ausgeführt wird. Wenn Sie
ihn beenden, können Sie npm start in Ihrem React Native-Expo-Projekt einfach neu starten.
Das ist es, was ich hier mache und es startet wieder die Expo-Entwicklungstools im Browser hier und jetzt hier, wo wir
zuvor diesen QR-Code gescannt haben. Sie können auf Android-Gerät oder Emulator auf Ausführen klicken. Wenn Sie einen Emulator in
Betrieb haben, Es wird automatisch Ihre App dort oder in Ihrem Terminal hier ausführen, wo Sie
diesen npm-Startvorgang ausführen. Sie können a
drücken, um Ihre App auch auf dem Emulator zu starten.
Das habe ich
gerade getan. Dadurch wird der Expo-Client jetzt automatisch auf dem Emulator installiert,
sodass Sie den Expo-Client dort nicht installieren oder manuell installieren müssen. Er wird für Sie erledigt
und sobald er damit fertig ist, erstellt er Ihre App und Läuft auf diesem Android-Gerät.
Warten wir also, bis dies
abgeschlossen ist. Hier wird es gestartet. Klicken Sie hier auf OK. Sie werden gefragt, ob
Sie die Anzeige dieser App beim ersten Start zulassen möchten. Schalten Sie dies hier ein, gehen Sie dann zurück, gehen Sie
hier zur App-Schublade oder zum Task-Manager und kehren Sie hier zu Ihrer App zurück. Jetzt wird Ihre Expo-App gestartet. Sie
baut das Javascript-Bundle unten wieder auf und sobald es fertig ist, Hier wird Ihre Expo-App gestartet, und nur
der erste Build dauert ziemlich lange. Nachfolgende Neuerstellungen und Hot-Reloads sind, wie Sie gesehen haben, ziemlich schnell.
Warten wir also, bis dieser Build fertig ist, und jetzt ist er hier fertig. Hier sehen wir unsere App. Das ist übrigens schön, wir haben es schon
mal auf
dem iPhone gesehen, zumindest hier in den Videos.
Jetzt läuft es hier auf Android und die Schaltfläche ist eine der wenigen Komponenten, die
React Native anbietet, die ihr Aussehen automatisch an die Plattform
anpasst. Das ist also
ziemlich süß und wir haben die gleiche Funktionalität wie zuvor und dies ermöglicht es uns, dies zu testen, nicht
Nur auf dem realen Gerät,
aber auch in einem Simulator und dort können Sie jedes gewünschte Android-Gerät simulieren, was natürlich sehr nützlich ist.
Das ist also die App, die auf
einem Android-Simulator ausgeführt wird. Während dieses Kurses werde ich immer zeigen, wie dies auf einem Android-Emulator ausgeführt wird und funktioniert.
Lassen Sie uns nun als nächstes darauf eingehen, dies unter iOS auszuführen.