Wir haben also gesehen, wie wir eine App mit expo im verwalteten Workflow erstellen und bereitstellen können, was ziemlich praktisch war.
Angenommen, wir haben eine App, die beispielsweise mit der React Native CLI erstellt wurde. Hier verwende ich keine nativen Module, aber
wenn ich es wäre, hätte ich natürlich meine Android- und iOS-Konfigurationsdateien aktualisiert, um die
richtigen Berechtigungen usw. anzufordern, und all das habe ich früher im Kurs im Nicht-Expo-Modul gezeigt .
Nehmen wir nun an, wir sind mit der App zufrieden und möchten sie im Apple App Store und
im Google Play Store veröffentlichen.
Jetzt sind die offiziellen React Native-Dokumente ein guter Ausgangspunkt, um damit zu beginnen. In der Dokumentation unter Anleitungen
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
Betriebssystemen erstellen, die Sie verwenden könnte daran arbeiten. Wichtig ist, dass Sie jetzt nur für iOS
unter macOS erstellen können. Linux und Windows funktionieren nicht, da wir die App jetzt nicht wie bei
expo in der Cloud erstellen, sondern lokal auf unserem Computer. Dort hat Apple diese Einschränkung, die Sie haben kann nur
iOS-Apps auf einem Mac erstellen, es ist was
es ist.
Was Sie jetzt brauchen, ist ein Apple-Entwicklerkonto, im Moment nicht unbedingt ein kostenpflichtiges. Erstellen Sie einfach die App. Wenn Sie sie
jedoch
erstellen möchten, benötigen Sie für die App-Stores ein kostenpflichtiges Konto, wie
bereits in diesem Modul erwähnt. Sie sollten also ein
solches Apple Developer-Konto einrichten und dann Ihr Projekt hier öffnen, genauer gesagt Ihr iOS-Projekt mit Xcode.
Dort können Sie auf ein anderes Projekt öffnen klicken, in Ihren Projektordner gehen, dort in den iOS-Ordner und
dort diesen XC-Arbeitsbereich-Ordner oder diese XC-Arbeitsdatei auswählen, um diese mit Xcode zu öffnen.
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
Ihre Kennung einrichten. Das ist diese inverse URL, über die ich gesprochen
habe und die com sein könnte. akademisch. rn-no expo test, so etwas, bei dem Sie
eine Versionsnummer festlegen, die Ihren Benutzern angezeigt wird, und Ihre Build-Nummer, die einfach eine Zahl
sein kann, die Sie hier erhöhen, wo Sie die automatische Signaturverwaltung auswählen sollten
und wo Sie jetzt auswählen müssen Ein Team, das hier angezeigt werden soll. Wenn Sie kein Konto hinzufügen und
sich dort anmelden, melden Sie sich mit Ihrer Apple-ID an, um Ihr Apple-Entwicklerkonto hier als Konto hinzuzufügen.
Danach sollten Sie in der Lage sein, hier Ihr Team auszuwählen, das automatisch benötigt
wird Signieren der
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
wichtige Konfiguration bezieht sich natürlich auf die Symbole, die Sie verwenden möchten. In expo haben wir die Symbole
bequem in einer Konfiguration eingerichtet und expo hat alle Symbole für uns generiert.
Jetzt funktioniert es
nicht mehr so. Jetzt müssen Sie diese Symbole selbst einrichten. Klicken Sie dazu hier auf diesen Pfeil,
um zum Asset-Katalog zu gelangen. Dort können Sie jetzt Symbole bereitstellen und Symbole bereitstellen in verschiedenen
Größen hier, wie Sie sehen können.
Das war natürlich eine bequeme Sache von expo, es hat
diese Symbole für Sie erstellt und Sie mussten nicht alle diese Symbole manuell erstellen. Im Anhang finden Sie
jedoch ein Symbol. Zip-Datei mit Symbolen, die Sie
hier ziehen und ablegen können. Das mache ich jetzt und die Symbole sind so beschriftet, dass klar
ist, was Sie wohin ziehen müssen, und damit haben Sie die Symbole konfiguriert.
Möglicherweise möchten Sie auch den Startbildschirm konfigurieren. Dazu können Sie diesen Ordner erweitern
und dort finden Sie diese Zip-Datei für den Startbildschirm. Auf diese Weise können Sie Ihren Startbildschirm
anpassen, neue Widgets hinzufügen, Bilder hineinziehen, den hier gezeigten Text ändern und den
Startbildschirm im Allgemeinen konfigurieren. Weitere Informationen hierzu finden Sie natürlich in den Xcode-Dokumenten.
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,
indem Sie zuerst eine Simulatorversion auswählen und dann hier auf die Wiedergabetaste klicken. Dadurch wird Ihre
App erstellt und auf einem Simulator ausgeführt. Danach können wir sie natürlich auch für erstellen Einsatz.
Mal sehen, ob dies jetzt alles funktioniert. Es startet diesen Bundler-Prozess, den Sie bereits zuvor für diese eigenständige
App gesehen haben, da dies natürlich immer noch Teil der Entwicklungserfahrung ist.
Es ist immer noch eine React Native-App, die Sie zum Erstellen dieser nativen App verwenden. Jetzt ist dies erfolgreich und die App
wird auf einem Simulator gestartet.
Jetzt interessiert mich die App dort nicht allzu sehr, weil ich dort nur eine sehr einfache App
habe, die nichts Besonderes macht, aber das beweist, dass das Bauen funktioniert.
Wenn Sie in den offiziellen Dokumenten noch weiter nach unten scrollen, erfahren Sie auch, wie
Sie Ihre App für die Produktion
erstellen, wenn es sich um eine Nicht-Expo-App handelt. Dort haben wir jetzt zwei wichtige Dinge zu tun.
Das erste wichtige ist, dass Sie in unserer Projektansicht hier durch Klicken auf diesen Ordner und dann
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
für den Transport der App.
Diese Art der Steuerung steuert, wie iOS steuert, mit welchen Webseiten oder Webservern Ihre App
kommunizieren darf, und ermöglicht standardmäßig nur den Zugriff auf https-Server, also SSL-sichere Server.
Das ist eine gute Standardeinstellung, aber Sie können einige Ausnahmen haben,
die Sie hier hinzufügen können, und eine Ausnahme in der Liste der Ausnahmedomänen ist localhost.
Dies ist für die Entwicklung erforderlich, da Ihre React Native-App am Ende hier mit diesem Entwicklungsserver
kommuniziert, der auf Ihrem lokalen Host ausgeführt
wird, der kein SSL verwendet. Normalerweise würde iOS dies blockieren, jetzt, um
es nicht zu blockieren, ist dies in der Ausnahmeliste. Um dies für die Produktion zu erstellen, sollten Sie dies
entfernen. Sie können diesen
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
Bereitstellung konfigurieren sollten, und dann müssen Sie ein solches Release-Schema konfigurieren. Dazu gehen Sie zum Produktschema, bearbeiten das
Schema und legen dieses vom Debug bis zur Freigabe hier für die Ausführung fest und schließen es dann.
Damit können Sie jetzt die Produkterstellung hier ausführen, um Ihre App zu erstellen. Diese
ist jetzt für die Veröffentlichung, für die Produktion, optimiert und so weiter.
So wird Ihre App jetzt für die Produktion erstellt.
Lassen Sie uns jetzt,
während dieser Build ausgeführt wird, sicherstellen, dass wir ihn auch in
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
und dort müssen Sie jetzt ein Konto einrichten ein paar Dinge. Sie müssen hier zu Zertifikaten, IDs und Profilen
gehen und zu Bezeichnern gehen und dann hier eine neue
App-ID hinzufügen. Genau hier, bei der ersten Einstellung, fügen Sie eine App-ID hinzu
und Sie müssen die App-ID hinzufügen, die in Ihrer Einrichtung eingerichtet ist Projekt, also die App-ID, die Bundle-ID,
die Sie hier finden, diese genaue ID muss hier hinzugefügt werden. Sie können eine Beschreibung hinzufügen, rn-demo, was
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
benötigt, die meine App nicht benötigt. Daher
muss ich dort nichts überprüfen und dann fortfahren, dies bestätigen und mich registrieren.
Dies ist
jetzt erforderlich, andernfalls können Sie Ihre App nicht veröffentlichen.
Nachdem Sie diese ID registriert haben, müssen Sie zu iTunes Connect wechseln und einfach nach dem
suchen, bei dem es sich letztendlich um den Dienst handelt, bei dem Sie diese
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
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
ist ein schöner Name, den Sie nicht
wirklich verwenden möchten, aber er ist gut für uns hier. Wählen
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,
falls dies der Fall ist
Noch nicht aufgetaucht, komm ein paar Minuten später wieder, dann ist es da. Sie können dann auch Ihre eigene benutzerdefinierte
Kennung hinzufügen, die grundsätzlich auf Ihren Rechnungen angezeigt wird, und so weiter, RNNoExpo, was auch immer
Sie möchten, und auf Erstellen klicken. Dadurch wird die App hier in iTunes Connect erstellt.
Hier können Sie dann auch die App für den App Store verwalten und einrichten, die
Preise festlegen usw.
Nachdem dies alles erledigt ist, warten wir, bis unser Build hier fertig ist. Wenn es wie bei mir fehlgeschlagen ist,
müssen Sie dies auf ein generisches iOS-Gerät einstellen. Stellen Sie also sicher, dass Sie dieses Set haben.
Stellen Sie außerdem sicher, dass Sie diesen RNWithoutExpo-Test hinzufügen. Wählen Sie Ihr Entwicklungsteam aus. Dies ist ein weiterer Fehler,
den ich hier erhalten habe.
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,
wobei alle diese Dinge so ausgewählt
sind, wie Sie sie hier sehen. Im Verknüpfungsabschnitt finden Sie sie, wenn Sie ein wenig nach unten
scrollen und in diesem Code-Stripping-Teil hier setzen Sie dies unter Release von Ja auf Nein.
Dies ist eine Problemumgehung für diesen Fehler, die anscheinend mit den eingerichteten automatischen Tests zusammenhängt.
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
zum Produkt zurückkehren. Jetzt ist die Archivierungsoption verfügbar.
Wenn Sie dies jetzt ausführen, archiviert dies Ihre App. Dies ist nichts anderes als das Erstellen des Bundles, das zuvor auf
den Cloud-Servern von expo erstellt wurde. Warten wir also,
bis dies abgeschlossen ist.
Sobald dies
erledigt ist, sollten Sie Ihr Archiv oder Ihre Archive sehen, wenn Sie mehr als einmal hier sind. Jetzt
können Sie hier Ihre App mit den in iTunes Connect vorgenommenen Konfigurationen usw., die ich zuvor gezeigt
habe, an den App Store verteilen.
Jetzt mache ich das hier nicht, aber so würden Sie Ihre React Native-App ohne Expo-Verwaltung bereitstellen.