1 00:00:02,580 --> 00:00:05,010 Jetzt haben Sie gelernt, wie Sie Ihre App für iOS 2 00:00:05,010 --> 00:00:06,840 erstellen können. Was ist mit Android? 3 00:00:06,840 --> 00:00:09,870 In den offiziellen React Native-Dokumenten finden Sie unter 4 00:00:09,870 --> 00:00:14,310 Anleitungen für Android Anweisungen zum Veröffentlichen Ihrer App im Google Play Store. 5 00:00:14,310 --> 00:00:18,720 Am Ende können Sie einfach den Anweisungen folgen, die Sie hier finden. 6 00:00:18,730 --> 00:00:23,890 Alles beginnt mit der Erstellung eines solchen Keystores, den ich bereits im von der Expo verwalteten Workflow erwähnt habe, aber 7 00:00:23,920 --> 00:00:27,100 dort hat die Expo dies für uns auf ihren Servern getan. Hier 8 00:00:27,130 --> 00:00:33,220 müssen wir das tun, und wir können dies innerhalb unseres Projekts oder unter Windows tun, wie hier angegeben Stellen Sie sicher, dass Sie 9 00:00:33,220 --> 00:00:38,740 diesen Befehl ausführen, während Sie in diesem Ordner navigieren. Sie können Ihren Keystore anschließend in Ihr Projekt kopieren 10 00:00:38,740 --> 00:00:41,140 oder an einer anderen Stelle speichern. 11 00:00:41,140 --> 00:00:45,820 Sie benötigen diesen Keystore, der zum Signieren Ihrer App und zum Signieren von Updates für die App generiert wird. 12 00:00:45,820 --> 00:00:46,220 Stellen 13 00:00:46,300 --> 00:00:47,710 Sie also sicher, dass Sie 14 00:00:47,740 --> 00:00:51,730 ihn nicht verlieren, da Sie sonst Ihre App nicht neu erstellen oder Ihre App aktualisieren können. 15 00:00:51,760 --> 00:00:57,370 Hier können Sie also ein beliebiges Passwort eingeben, das Sie auswählen möchten, und dann 16 00:00:57,370 --> 00:01:03,970 einige Informationen über Sie, die technisch falsch sein könnten, die aber korrekt sein sollten, da dies Ihre 17 00:01:03,970 --> 00:01:08,780 Kennung mit Instanz ist, da dies zum Zuweisen Ihrer App in der 18 00:01:08,780 --> 00:01:15,820 verwendet wird Wenn Sie dies alles eingegeben und bestätigt und Ihre Passwörter ausgewählt haben, wird hier die Keystore-Datei für 19 00:01:15,820 --> 00:01:23,950 meinen Upload-Schlüssel erstellt. Jetzt können Sie damit Ihre Anwendung signieren. Als nächstes müssen Sie einige Gradle-Variablen einrichten, wie Sie 20 00:01:23,950 --> 00:01:29,900 hier sehen, und dafür stellen Sie sicher, dass Sie den Schlüsselspeicher in den Android-App-Ordner 21 00:01:29,960 --> 00:01:30,670 verschieben. 22 00:01:30,680 --> 00:01:37,910 Verschieben Sie ihn von diesem Ordner hier nach oben in Android und dort in den App-Ordner, damit 23 00:01:39,740 --> 00:01:49,300 die Datei ist da und gehe dann zur Gradle-Eigenschaftendatei, der Android-Gradle-Eigenschaftendatei. Hier haben wir unter Android die Gradle-Eigenschaftendatei. Dort können 24 00:01:49,300 --> 00:01:53,200 Sie diese Einträge hinzufügen und, wie dort 25 00:01:56,570 --> 00:02:04,330 angegeben, die Sterne hier durch das Kennwort ersetzen, das Sie für den Keystore ausgewählt 26 00:02:04,330 --> 00:02:05,620 haben. 27 00:02:05,890 --> 00:02:09,250 Sobald Sie dies getan haben, können Sie diese Datei schließen. 28 00:02:09,470 --> 00:02:15,140 Gehen Sie zur Build-Gradle-Datei der Android-App. Erstellen Sie also nicht Gradle hier, sondern im App-Ordner und dort die 29 00:02:15,170 --> 00:02:23,710 Build-Gradle-Datei und fügen Sie diese Konfiguration im Android-Knoten hinzu, wie Sie sehen können . Sie können dies also einfach kopieren und dann 30 00:02:23,710 --> 00:02:31,980 hier nach dem Android-Knoten suchen, der dieser Knoten ist. Dort haben Sie die Standardkonfiguration, die Sie 31 00:02:34,810 --> 00:02:38,260 nicht berühren sollten, aber Sie haben Ihre 32 00:02:39,740 --> 00:02:47,270 Zeichenkonfiguration, wo Sie am Ende diesen Release-Teil hinzufügen sollten, also nicht Löschen Sie den Debug-Teil, 33 00:02:47,720 --> 00:02:54,600 aber fügen Sie diesen Release-Teil hinzu. Fügen Sie dann unter Build-Typen-Release diese Zeile 34 00:02:54,600 --> 00:02:56,280 hier hinzu. 35 00:02:56,640 --> 00:03:04,720 Wenn wir also weiter nach unten scrollen und die Typenfreigabe erstellen, können wir diese Zeile hinzufügen und die Konfigurationsversion signieren. Jetzt können 36 00:03:04,720 --> 00:03:09,390 Sie Ihre APK mit diesem Befehl generieren. Navigieren Sie also in den Android-Ordner 37 00:03:09,390 --> 00:03:14,230 und führen Sie diesen Befehl aus. Also lass uns das machen, lass uns 38 00:03:14,230 --> 00:03:19,350 zuerst mit cd android in den Android-Ordner hier navigieren und dann diesen Befehl gradle w ausführen. Dies 39 00:03:19,360 --> 00:03:20,800 sollte nun deine App 40 00:03:20,800 --> 00:03:26,170 erstellen und für die Produktion signieren und dir am Ende ein solches App-Bundle geben, das du kannst Laden 41 00:03:27,180 --> 00:03:29,660 Sie dann in den Google Play Store hoch. 42 00:03:29,670 --> 00:03:36,160 Warten wir also, bis der Vorgang abgeschlossen ist. Sobald dieser Build erfolgreich war, können Sie das App-Bundle verwenden, 43 00:03:36,280 --> 00:03:39,850 das Sie jetzt unter dem von App Build generierten 44 00:03:43,310 --> 00:03:49,910 Output-Bundle finden. Diese Datei hier, das ist Ihr Release-Bundle, das können Sie in den Google Play Store hochladen . 45 00:03:50,770 --> 00:03:55,640 Dafür können Sie nach der Google Play-Konsole suchen und benötigen ein Google Developer-Konto 46 00:03:55,700 --> 00:03:56,740 für das, 47 00:03:56,750 --> 00:04:04,670 was Sie ebenfalls Geld kostet. Im Gegensatz zu Apples Programm handelt es sich jedoch nicht um ein Abonnement, sondern um eine 48 00:04:04,670 --> 00:04:09,530 einmalige Gebühr von 25 US-Dollar. Hier in der Google Play-Konsole. Sie können 49 00:04:09,530 --> 00:04:18,540 jetzt eine neue Anwendung erstellen, sobald Sie mit Ihrem kostenpflichtigen Konto angemeldet sind. Wählen Sie einen App-Namen wie diesen aus, erstellen Sie ihn und 50 00:04:18,540 --> 00:04:22,410 verwalten Sie hier Ihr gesamtes Store-Erscheinungsbild oder die gesamte App, 51 00:04:25,100 --> 00:04:33,070 wie sie aussieht, und dort unter App-Releases Sie können auf Produktionsspur klicken, die Produktion verwalten, dort eine Version erstellen und jetzt 52 00:04:33,070 --> 00:04:38,050 müssen Sie hier Ihr App-Bundle hochladen. Jetzt können Sie hier mit den Standardeinstellungen normalerweise auf Weiter 53 00:04:38,050 --> 00:04:43,420 klicken. Im Allgemeinen würde ich empfehlen, dass Sie in die Dokumentation des Google Play Store oder der Google Play-Konsole eintauchen, um 54 00:04:43,730 --> 00:04:49,090 alles über die Dinge zu erfahren, die Sie hier einrichten können, aber am Ende ist dies jetzt der Fall Hier können 55 00:04:49,090 --> 00:04:51,270 Sie das von Ihnen erstellte Bundle hochladen. 56 00:04:51,400 --> 00:04:57,130 Hier würden Sie diese Bundle-Datei hochladen und anschließend das Erscheinungsbild Ihres Shops fertigstellen und Ihre 57 00:04:57,130 --> 00:04:59,940 App auch im Google Play Store veröffentlichen. 58 00:05:01,830 --> 00:05:06,600 Jetzt fragen Sie sich natürlich, wie Sie Symbole hinzufügen und so weiter, weil ich dies noch nicht angesprochen habe. 59 00:05:07,180 --> 00:05:11,160 Eine bequeme und einfache Möglichkeit, dies zu tun, ist die Hilfe von Android Studio. 60 00:05:11,160 --> 00:05:17,610 Dort können Sie ein vorhandenes Android Studio-Projekt öffnen und Ihren Android-Ordner in Ihrem React Native-Projekt hier mit Android Studio 61 00:05:17,610 --> 00:05:24,440 öffnen, nur den Android-Ordner, nicht das gesamte React Native-Projekt. Dort finden Sie Ihren Android-Teil dieses Projekts. 62 00:05:24,440 --> 00:05:32,980 Um Symbole hinzuzufügen, können Sie zum App-Ordner, zur Quelle, zum Hauptmenü und zum Res gehen und dort warten, 63 00:05:33,490 --> 00:05:37,410 bis diese Initialisierung und der Build abgeschlossen sind, 64 00:05:37,580 --> 00:05:45,410 der gestartet wird, sobald Sie dies öffnen Wenn diese Initialisierung abgeschlossen ist, können Sie in diesem App-Ordner, 65 00:05:45,410 --> 00:05:52,330 wenn Sie auf den Ordner res klicken, mit der rechten Maustaste darauf klicken, neu und 66 00:05:52,370 --> 00:06:00,290 dort das Bild-Asset auswählen. Dadurch wird ein Editor geöffnet, in dem Sie bequem neue Bild-Assets hinzufügen und 67 00:06:00,380 --> 00:06:06,420 generieren können Symbole zum Beispiel. Dort können Sie wählen, ob Sie Ihre Symbole starten möchten, 68 00:06:06,420 --> 00:06:08,490 adaptiv und Legacy. Jetzt können Sie 69 00:06:08,580 --> 00:06:14,580 den Namen belassen, Ihr Symbol einrichten und dort konfigurieren. Sie können eine Vordergrundebene auswählen und 70 00:06:14,580 --> 00:06:23,050 dort beispielsweise den Pfad eines Bildes auswählen, das Sie verwenden möchten, eine Hintergrundebene, in der Sie eine Volltonfarbe oder 71 00:06:23,050 --> 00:06:29,050 auch ein Bild festlegen können, das Sie im Hintergrund verwenden möchten, und dann 72 00:06:29,050 --> 00:06:35,170 Ihr Bild generieren Symbol mit diesem Werkzeug. Klicken Sie einfach auf Fertig stellen und stellen Sie dort natürlich Ihr eigenes Bild bereit, 73 00:06:35,170 --> 00:06:42,720 wenn Sie möchten. Dadurch wird alles so eingerichtet, dass Sie ein schönes Symbol haben, das natürlich ziemlich süß ist. In Bezug auf das Anpassen des Begrüßungsbildschirms finden 74 00:06:42,720 --> 00:06:48,470 Sie im Anhang eine Dokumentation dazu, wie Sie dies unter Android tun können, 75 00:06:48,470 --> 00:06:53,630 um Ihren eigenen Begrüßungsbildschirm festzulegen. Wenn Sie Ihre Symbole und / 76 00:06:53,640 --> 00:07:00,150 oder Ihren Begrüßungsbildschirm ändern, müssen Sie diesen Build natürlich erneut mit diesem Befehl gradle w ausführen und 77 00:07:00,180 --> 00:07:05,400 dann Ihr neues App-Bundle mit der Google Play-Konsole erneut im Google Play Store bereitstellen 78 00:07:05,400 --> 00:07:12,030 wie Sie nur React Native-Apps erstellen und bereitstellen würden. Natürlich etwas mehr manuelle Arbeit, etwas umständlicher als im von 79 00:07:12,030 --> 00:07:17,970 der Messe verwalteten Workflow, aber jetzt kennen Sie beide Optionen und können den für Ihre Anwendung erforderlichen 80 00:07:17,970 --> 00:07:18,870 Ansatz wählen.