1 00:00:02,450 --> 00:00:09,560 Wir haben also gesehen, wie wir eine App mit expo im verwalteten Workflow erstellen und bereitstellen können, was ziemlich praktisch war. 2 00:00:09,560 --> 00:00:15,770 Angenommen, wir haben eine App, die beispielsweise mit der React Native CLI erstellt wurde. Hier verwende ich keine nativen Module, aber 3 00:00:15,770 --> 00:00:21,650 wenn ich es wäre, hätte ich natürlich meine Android- und iOS-Konfigurationsdateien aktualisiert, um die 4 00:00:21,650 --> 00:00:27,830 richtigen Berechtigungen usw. anzufordern, und all das habe ich früher im Kurs im Nicht-Expo-Modul gezeigt . 5 00:00:28,130 --> 00:00:32,870 Nehmen wir nun an, wir sind mit der App zufrieden und möchten sie im Apple App Store und 6 00:00:32,870 --> 00:00:34,190 im Google Play Store veröffentlichen. 7 00:00:34,190 --> 00:00:38,900 Jetzt sind die offiziellen React Native-Dokumente ein guter Ausgangspunkt, um damit zu beginnen. In der Dokumentation unter Anleitungen 8 00:00:38,930 --> 00:00:44,660 finden Sie auch diese Anleitung für Geräte, in der Sie erfahren, wie Sie Ihre App für iOS oder Android auf den verschiedenen 9 00:00:45,050 --> 00:00:50,000 Betriebssystemen erstellen, die Sie verwenden könnte daran arbeiten. Wichtig ist, dass Sie jetzt nur für iOS 10 00:00:50,000 --> 00:00:55,190 unter macOS erstellen können. Linux und Windows funktionieren nicht, da wir die App jetzt nicht wie bei 11 00:00:55,190 --> 00:01:01,250 expo in der Cloud erstellen, sondern lokal auf unserem Computer. Dort hat Apple diese Einschränkung, die Sie haben kann nur 12 00:01:01,460 --> 00:01:03,730 iOS-Apps auf einem Mac erstellen, es ist was 13 00:01:03,740 --> 00:01:04,580 es ist. 14 00:01:05,510 --> 00:01:12,820 Was Sie jetzt brauchen, ist ein Apple-Entwicklerkonto, im Moment nicht unbedingt ein kostenpflichtiges. Erstellen Sie einfach die App. Wenn Sie sie 15 00:01:12,820 --> 00:01:13,480 jedoch 16 00:01:13,480 --> 00:01:17,590 erstellen möchten, benötigen Sie für die App-Stores ein kostenpflichtiges Konto, wie 17 00:01:17,590 --> 00:01:20,950 bereits in diesem Modul erwähnt. Sie sollten also ein 18 00:01:20,950 --> 00:01:27,550 solches Apple Developer-Konto einrichten und dann Ihr Projekt hier öffnen, genauer gesagt Ihr iOS-Projekt mit Xcode. 19 00:01:28,330 --> 00:01:35,980 Dort können Sie auf ein anderes Projekt öffnen klicken, in Ihren Projektordner gehen, dort in den iOS-Ordner und 20 00:01:35,980 --> 00:01:41,560 dort diesen XC-Arbeitsbereich-Ordner oder diese XC-Arbeitsdatei auswählen, um diese mit Xcode zu öffnen. 21 00:01:41,620 --> 00:01:48,940 Dies öffnet Ihr Projekt, Ihr iOS-Projekt, das natürlich Ihren React Native-Code in Xcode enthält. Jetzt konfigurieren Sie dort diese App, wo Sie beispielsweise 22 00:01:48,990 --> 00:01:53,810 Ihre Kennung einrichten. Das ist diese inverse URL, über die ich gesprochen 23 00:01:53,870 --> 00:02:02,910 habe und die com sein könnte. akademisch. rn-no expo test, so etwas, bei dem Sie 24 00:02:02,910 --> 00:02:08,330 eine Versionsnummer festlegen, die Ihren Benutzern angezeigt wird, und Ihre Build-Nummer, die einfach eine Zahl 25 00:02:08,330 --> 00:02:13,280 sein kann, die Sie hier erhöhen, wo Sie die automatische Signaturverwaltung auswählen sollten 26 00:02:13,280 --> 00:02:20,320 und wo Sie jetzt auswählen müssen Ein Team, das hier angezeigt werden soll. Wenn Sie kein Konto hinzufügen und 27 00:02:20,320 --> 00:02:26,350 sich dort anmelden, melden Sie sich mit Ihrer Apple-ID an, um Ihr Apple-Entwicklerkonto hier als Konto hinzuzufügen. 28 00:02:26,350 --> 00:02:31,360 Danach sollten Sie in der Lage sein, hier Ihr Team auszuwählen, das automatisch benötigt 29 00:02:31,360 --> 00:02:32,830 wird Signieren der 30 00:02:32,830 --> 00:02:38,970 App, die dann sozusagen von Apple durchgeführt wird. Im Allgemeinen können Sie Ihre App hier natürlich konfigurieren und für die Bereitstellung vorbereiten. Eine 31 00:02:39,010 --> 00:02:44,640 wichtige Konfiguration bezieht sich natürlich auf die Symbole, die Sie verwenden möchten. In expo haben wir die Symbole 32 00:02:44,650 --> 00:02:50,430 bequem in einer Konfiguration eingerichtet und expo hat alle Symbole für uns generiert. 33 00:02:50,470 --> 00:02:52,410 Jetzt funktioniert es 34 00:02:52,480 --> 00:02:59,650 nicht mehr so. Jetzt müssen Sie diese Symbole selbst einrichten. Klicken Sie dazu hier auf diesen Pfeil, 35 00:02:59,650 --> 00:03:06,570 um zum Asset-Katalog zu gelangen. Dort können Sie jetzt Symbole bereitstellen und Symbole bereitstellen in verschiedenen 36 00:03:06,570 --> 00:03:09,050 Größen hier, wie Sie sehen können. 37 00:03:09,270 --> 00:03:11,610 Das war natürlich eine bequeme Sache von expo, es hat 38 00:03:11,610 --> 00:03:17,690 diese Symbole für Sie erstellt und Sie mussten nicht alle diese Symbole manuell erstellen. Im Anhang finden Sie 39 00:03:17,690 --> 00:03:22,550 jedoch ein Symbol. Zip-Datei mit Symbolen, die Sie 40 00:03:22,550 --> 00:03:29,740 hier ziehen und ablegen können. Das mache ich jetzt und die Symbole sind so beschriftet, dass klar 41 00:03:29,740 --> 00:03:35,560 ist, was Sie wohin ziehen müssen, und damit haben Sie die Symbole konfiguriert. 42 00:03:35,750 --> 00:03:40,790 Möglicherweise möchten Sie auch den Startbildschirm konfigurieren. Dazu können Sie diesen Ordner erweitern 43 00:03:40,790 --> 00:03:48,610 und dort finden Sie diese Zip-Datei für den Startbildschirm. Auf diese Weise können Sie Ihren Startbildschirm 44 00:03:48,610 --> 00:03:55,660 anpassen, neue Widgets hinzufügen, Bilder hineinziehen, den hier gezeigten Text ändern und den 45 00:03:55,660 --> 00:04:01,920 Startbildschirm im Allgemeinen konfigurieren. Weitere Informationen hierzu finden Sie natürlich in den Xcode-Dokumenten. 46 00:04:01,920 --> 00:04:09,700 Wenn Sie dies alles konfiguriert haben, können Sie hier Ihre App erstellen. Dazu können Sie es beispielsweise auch zuerst auf einem Simulator testen, 47 00:04:09,700 --> 00:04:14,710 indem Sie zuerst eine Simulatorversion auswählen und dann hier auf die Wiedergabetaste klicken. Dadurch wird Ihre 48 00:04:14,710 --> 00:04:19,920 App erstellt und auf einem Simulator ausgeführt. Danach können wir sie natürlich auch für erstellen Einsatz. 49 00:04:19,930 --> 00:04:27,840 Mal sehen, ob dies jetzt alles funktioniert. Es startet diesen Bundler-Prozess, den Sie bereits zuvor für diese eigenständige 50 00:04:27,850 --> 00:04:33,630 App gesehen haben, da dies natürlich immer noch Teil der Entwicklungserfahrung ist. 51 00:04:33,700 --> 00:04:42,070 Es ist immer noch eine React Native-App, die Sie zum Erstellen dieser nativen App verwenden. Jetzt ist dies erfolgreich und die App 52 00:04:42,100 --> 00:04:44,140 wird auf einem Simulator gestartet. 53 00:04:44,140 --> 00:04:49,270 Jetzt interessiert mich die App dort nicht allzu sehr, weil ich dort nur eine sehr einfache App 54 00:04:49,270 --> 00:04:53,370 habe, die nichts Besonderes macht, aber das beweist, dass das Bauen funktioniert. 55 00:04:53,480 --> 00:04:57,970 Wenn Sie in den offiziellen Dokumenten noch weiter nach unten scrollen, erfahren Sie auch, wie 56 00:04:57,970 --> 00:05:00,030 Sie Ihre App für die Produktion 57 00:05:00,520 --> 00:05:05,510 erstellen, wenn es sich um eine Nicht-Expo-App handelt. Dort haben wir jetzt zwei wichtige Dinge zu tun. 58 00:05:05,530 --> 00:05:10,900 Das erste wichtige ist, dass Sie in unserer Projektansicht hier durch Klicken auf diesen Ordner und dann 59 00:05:10,900 --> 00:05:20,290 auf dieses Symbol hier diesen Ordner erweitern und dann zu den Informationen gehen. plist und jetzt finden Sie dort diesen Schlüssel für die Sicherheitseinstellungen 60 00:05:20,290 --> 00:05:22,820 für den Transport der App. 61 00:05:22,870 --> 00:05:29,470 Diese Art der Steuerung steuert, wie iOS steuert, mit welchen Webseiten oder Webservern Ihre App 62 00:05:29,470 --> 00:05:35,470 kommunizieren darf, und ermöglicht standardmäßig nur den Zugriff auf https-Server, also SSL-sichere Server. 63 00:05:35,470 --> 00:05:39,270 Das ist eine gute Standardeinstellung, aber Sie können einige Ausnahmen haben, 64 00:05:39,370 --> 00:05:44,120 die Sie hier hinzufügen können, und eine Ausnahme in der Liste der Ausnahmedomänen ist localhost. 65 00:05:44,180 --> 00:05:49,450 Dies ist für die Entwicklung erforderlich, da Ihre React Native-App am Ende hier mit diesem Entwicklungsserver 66 00:05:49,450 --> 00:05:51,680 kommuniziert, der auf Ihrem lokalen Host ausgeführt 67 00:05:51,820 --> 00:05:55,820 wird, der kein SSL verwendet. Normalerweise würde iOS dies blockieren, jetzt, um 68 00:05:55,900 --> 00:06:01,000 es nicht zu blockieren, ist dies in der Ausnahmeliste. Um dies für die Produktion zu erstellen, sollten Sie dies 69 00:06:01,060 --> 00:06:02,080 entfernen. Sie können diesen 70 00:06:02,080 --> 00:06:08,230 Schlüssel hier einfach löschen, indem Sie ihn mit dem Löschschlüssel entfernen, und fertig. Das ist eine Sache, die Sie für die 71 00:06:08,230 --> 00:06:15,630 Bereitstellung konfigurieren sollten, und dann müssen Sie ein solches Release-Schema konfigurieren. Dazu gehen Sie zum Produktschema, bearbeiten das 72 00:06:15,640 --> 00:06:24,700 Schema und legen dieses vom Debug bis zur Freigabe hier für die Ausführung fest und schließen es dann. 73 00:06:25,760 --> 00:06:30,470 Damit können Sie jetzt die Produkterstellung hier ausführen, um Ihre App zu erstellen. Diese 74 00:06:30,470 --> 00:06:35,090 ist jetzt für die Veröffentlichung, für die Produktion, optimiert und so weiter. 75 00:06:35,090 --> 00:06:37,530 So wird Ihre App jetzt für die Produktion erstellt. 76 00:06:38,720 --> 00:06:39,980 Lassen Sie uns jetzt, 77 00:06:39,980 --> 00:06:42,940 während dieser Build ausgeführt wird, sicherstellen, dass wir ihn auch in 78 00:06:42,950 --> 00:06:48,590 den Apple App Store hochladen können. Dazu sollten Sie zu Ihrem Apple Developer-Konto gehen. Hier benötigen Sie jetzt definitiv ein kostenpflichtiges Konto 79 00:06:49,550 --> 00:06:55,250 und dort müssen Sie jetzt ein Konto einrichten ein paar Dinge. Sie müssen hier zu Zertifikaten, IDs und Profilen 80 00:06:55,250 --> 00:06:58,370 gehen und zu Bezeichnern gehen und dann hier eine neue 81 00:06:58,370 --> 00:07:02,140 App-ID hinzufügen. Genau hier, bei der ersten Einstellung, fügen Sie eine App-ID hinzu 82 00:07:02,150 --> 00:07:07,690 und Sie müssen die App-ID hinzufügen, die in Ihrer Einrichtung eingerichtet ist Projekt, also die App-ID, die Bundle-ID, 83 00:07:07,700 --> 00:07:14,240 die Sie hier finden, diese genaue ID muss hier hinzugefügt werden. Sie können eine Beschreibung hinzufügen, rn-demo, was 84 00:07:14,240 --> 00:07:22,840 immer Sie wollen, aber dann müssen Sie hier diese ID hinzufügen. Jetzt können Sie alle speziellen Funktionen überprüfen, die Ihre App 85 00:07:22,870 --> 00:07:26,410 benötigt, die meine App nicht benötigt. Daher 86 00:07:26,410 --> 00:07:31,740 muss ich dort nichts überprüfen und dann fortfahren, dies bestätigen und mich registrieren. 87 00:07:31,750 --> 00:07:32,680 Dies ist 88 00:07:32,680 --> 00:07:36,010 jetzt erforderlich, andernfalls können Sie Ihre App nicht veröffentlichen. 89 00:07:36,040 --> 00:07:42,510 Nachdem Sie diese ID registriert haben, müssen Sie zu iTunes Connect wechseln und einfach nach dem 90 00:07:42,510 --> 00:07:48,090 suchen, bei dem es sich letztendlich um den Dienst handelt, bei dem Sie diese 91 00:07:48,090 --> 00:07:57,710 Store-Seite erstellen und bei dem Sie jetzt Ihre App einrichten müssen. Dort können Sie zu meinen Apps gehen und hier eine neue App hinzufügen, indem Sie hier auf die 92 00:07:57,710 --> 00:08:06,010 Plus-App klicken. Übrigens sehen Sie auch die App, die wir mit expo erstellt haben. Klicken Sie also hier auf Neue App, iOS, und geben Sie ihr einen Namen wie RNNoExpo Natürlich 93 00:08:06,160 --> 00:08:08,070 ist ein schöner Name, den Sie nicht 94 00:08:08,140 --> 00:08:11,110 wirklich verwenden möchten, aber er ist gut für uns hier. Wählen 95 00:08:11,260 --> 00:08:17,600 Sie dann die Sprache aus, für die Sie Ihre App erstellen, wählen Sie die Bundle-ID und dort die ID, die Sie gerade eingerichtet haben, 96 00:08:17,620 --> 00:08:19,210 falls dies der Fall ist 97 00:08:19,360 --> 00:08:26,060 Noch nicht aufgetaucht, komm ein paar Minuten später wieder, dann ist es da. Sie können dann auch Ihre eigene benutzerdefinierte 98 00:08:26,060 --> 00:08:32,750 Kennung hinzufügen, die grundsätzlich auf Ihren Rechnungen angezeigt wird, und so weiter, RNNoExpo, was auch immer 99 00:08:32,750 --> 00:08:39,170 Sie möchten, und auf Erstellen klicken. Dadurch wird die App hier in iTunes Connect erstellt. 100 00:08:39,260 --> 00:08:44,750 Hier können Sie dann auch die App für den App Store verwalten und einrichten, die 101 00:08:44,750 --> 00:08:45,910 Preise festlegen usw. 102 00:08:45,980 --> 00:08:52,870 Nachdem dies alles erledigt ist, warten wir, bis unser Build hier fertig ist. Wenn es wie bei mir fehlgeschlagen ist, 103 00:08:52,870 --> 00:08:59,220 müssen Sie dies auf ein generisches iOS-Gerät einstellen. Stellen Sie also sicher, dass Sie dieses Set haben. 104 00:08:59,220 --> 00:09:03,810 Stellen Sie außerdem sicher, dass Sie diesen RNWithoutExpo-Test hinzufügen. Wählen Sie Ihr Entwicklungsteam aus. Dies ist ein weiterer Fehler, 105 00:09:03,810 --> 00:09:05,170 den ich hier erhalten habe. 106 00:09:06,150 --> 00:09:14,510 Wenn Sie wie ich immer noch eine Fehlermeldung erhalten, drücken Sie hier in Xcode den Befehl 1 und klicken Sie hier auf Build-Einstellungen, 107 00:09:14,600 --> 00:09:17,020 wobei alle diese Dinge so ausgewählt 108 00:09:19,930 --> 00:09:26,170 sind, wie Sie sie hier sehen. Im Verknüpfungsabschnitt finden Sie sie, wenn Sie ein wenig nach unten 109 00:09:26,180 --> 00:09:32,180 scrollen und in diesem Code-Stripping-Teil hier setzen Sie dies unter Release von Ja auf Nein. 110 00:09:32,200 --> 00:09:36,280 Dies ist eine Problemumgehung für diesen Fehler, die anscheinend mit den eingerichteten automatischen Tests zusammenhängt. 111 00:09:36,280 --> 00:09:45,020 Versuchen Sie dies erneut, führen Sie den Build noch einmal aus, und dies sollte nun erfolgreich sein. Sobald dieser Build erfolgreich war, können Sie 112 00:09:45,020 --> 00:09:49,760 zum Produkt zurückkehren. Jetzt ist die Archivierungsoption verfügbar. 113 00:09:49,850 --> 00:09:56,570 Wenn Sie dies jetzt ausführen, archiviert dies Ihre App. Dies ist nichts anderes als das Erstellen des Bundles, das zuvor auf 114 00:09:56,570 --> 00:09:59,490 den Cloud-Servern von expo erstellt wurde. Warten wir also, 115 00:09:59,810 --> 00:10:01,340 bis dies abgeschlossen ist. 116 00:10:02,490 --> 00:10:03,430 Sobald dies 117 00:10:03,430 --> 00:10:08,620 erledigt ist, sollten Sie Ihr Archiv oder Ihre Archive sehen, wenn Sie mehr als einmal hier sind. Jetzt 118 00:10:08,620 --> 00:10:13,660 können Sie hier Ihre App mit den in iTunes Connect vorgenommenen Konfigurationen usw., die ich zuvor gezeigt 119 00:10:13,660 --> 00:10:15,310 habe, an den App Store verteilen. 120 00:10:15,360 --> 00:10:20,890 Jetzt mache ich das hier nicht, aber so würden Sie Ihre React Native-App ohne Expo-Verwaltung bereitstellen.