Więc widzieliśmy, jak możemy zbudować i wdrożyć aplikację z expo w zarządzanym przepływie pracy, co było dość wygodne.
Załóżmy teraz, że mamy aplikację zbudowaną na przykład z React Native CLI. Tutaj nie używam natywnych modułów, ale
gdybym tak był, oczywiście zaktualizowałbym pliki konfiguracyjne Androida i iOS, aby zażądać odpowiednich uprawnień
i tak dalej, i pokazałem to wszystko w module non-expo na początku kursu .
Powiedzmy teraz, że jesteśmy zadowoleni z aplikacji i chcemy opublikować ją w Apple App Store
i Google Play Store.
Teraz oficjalne dokumenty React Native są świetnym miejscem do rozpoczęcia pracy. Tam w dokumentacji pod
przewodnikami znajdziesz także ten przewodnik po urządzeniach, gdzie możesz dowiedzieć się, jak zbudować aplikację na iOS lub Androida na
różnych systemach operacyjnych może nad tym pracować. Ważne, teraz możesz budować tylko na iOS
na macOS, Linux i Windows nie działają, ponieważ teraz nie budujemy aplikacji w chmurze, jak
to zrobiliśmy z expo, ale lokalnie na naszym komputerze i tam Apple ma to ograniczenie, które ty może
budować tylko aplikacje iOS na Macu,
tak jest.
Więc teraz potrzebujesz konta programisty Apple, teraz niekoniecznie płatnego, po prostu zbuduj aplikację, ale jeśli chcesz
ją
zbudować, do sklepów z aplikacjami potrzebujesz płatnego, jak wspomniano
wcześniej w tym module. Powinieneś więc założyć takie
konto Apple Developer, a następnie otworzyć tutaj swój projekt, a konkretnie projekt iOS za pomocą Xcode.
Tam możesz kliknąć otworzyć inny projekt, przejść do folderu projektu, tam do folderu iOS i tam wybrać
folder lub plik obszaru roboczego XC, aby otworzyć go za pomocą Xcode.
Spowoduje to otwarcie projektu, projektu iOS, który zawiera oczywiście kod React Native w Xcode. Teraz jest tam, gdzie teraz konfigurujesz tę aplikację,
gdzie konfigurujesz swój identyfikator, na przykład ten odwrotny adres URL, o
którym mówiłem, który może być com. naukowiec. rn-no expo test, coś takiego, w którym
ustawiasz numer wersji, który zobaczą użytkownicy i numer kompilacji, który może być po
prostu liczbą, którą inkrementujesz tutaj, gdzie powinieneś automatycznie zarządzać podpisywaniem i gdzie
teraz musisz wybrać zespół, który powinien zostać wyświetlony tutaj, jeśli nie dodaj konta, a tam, zaloguj się
za pomocą swojego Apple ID, aby dodać konto programisty Apple jako konto tu i później,
powinieneś być w stanie wybrać tutaj swój zespół, który będzie wymagany do
automatycznego podpisanie
aplikacji, którą Apple wykona, że tak powiem. Zasadniczo możesz tutaj skonfigurować swoją aplikację i przygotować ją do wdrożenia, a
jedna ważna konfiguracja jest oczywiście związana z ikonami, których chcesz użyć. W expo ikony konfigurujemy
wygodnie w konfiguracji, a expo wygenerowało dla nas wszystkie ikony.
Teraz to nie będzie
działać w ten sposób, teraz musisz skonfigurować te ikony samodzielnie i robisz to, klikając tę strzałkę tutaj,
która przeniesie Cię do katalogu zasobów i tam możesz teraz podać ikony i musisz podać ikony
w różnych rozmiarach, jak można powiedzieć.
Teraz oczywiście była to wygodna rzecz na targach, stworzyła
te ikony dla ciebie i nie musiałaś ręcznie tworzyć wszystkich tych ikon. W załączeniu znajdziesz
jednak ikony. plik zip, który zawiera ikony,
które możesz przeciągnąć i upuścić tutaj, więc to właśnie teraz zrobię, a ikony są oznaczone w taki sposób,
że powinno być jasne, co musisz przeciągnąć, gdzie i dzięki temu masz skonfigurowane ikony.
Możesz także skonfigurować ekran startowy, w tym celu możesz rozwinąć ten
folder i tam znajdziesz plik zip ekranu startowego. To w końcu pozwala dostosować ekran uruchamiania, tam
można dodawać do niego nowe widżety, przeciągać do niego obrazy, zmieniać tekst, widać tu na
przykład i ogólnie konfigurować ekran uruchamiania. Możesz dowiedzieć się więcej na ten temat w
dokumentach Xcode, a po skonfigurowaniu tego wszystkiego możesz zbudować swoją aplikację tutaj. W tym celu możesz również na przykład przetestować go najpierw
na symulatorze, wybierając wersję symulatora, a następnie klikając przycisk odtwarzania tutaj, a to teraz
zbuduje aplikację i uruchomi ją na symulatorze, a następnie oczywiście możemy ją zbudować dla rozlokowanie.
Zobaczmy, czy teraz to wszystko działa, uruchamia ten proces pakietu, który już widzieliście wcześniej dla tej
samodzielnej aplikacji, ponieważ oczywiście nadal jest to część doświadczenia programistycznego.
Wciąż jest to aplikacja React Native, której używasz do budowania tej aplikacji natywnej, a teraz to się udało i
uruchamia aplikację na symulatorze.
Teraz nie jestem zbytnio zainteresowany aplikacją, ponieważ mam tam tylko bardzo podstawową aplikację, która
nie robi nic szczególnego, ale to dowodzi, że budowanie działa.
Teraz w oficjalnych dokumentach, jeśli przewiniesz dalej w tej sekcji działającej na urządzeniu, nauczysz
się również, jak zbudować aplikację
do produkcji, jeśli jest to aplikacja non-expo, i mamy teraz dwie ważne rzeczy do zrobienia.
Pierwszą ważną rzeczą jest to, że w naszym widoku projektu tutaj, klikając ten folder,
a następnie ikonę tutaj, rozwijasz ten folder, a następnie przechodzisz do informacji. plist, a teraz tam znajdziesz klucz ustawień
zabezpieczeń transportu aplikacji.
Ten rodzaj kontroluje sposób, w jaki iOS kontroluje, z którymi stronami internetowymi lub serwerami WWW może komunikować się
Twoja aplikacja, i domyślnie umożliwia dostęp tylko do serwerów https, a więc bezpiecznych serwerów SSL.
To dobre ustawienie domyślne, ale możesz mieć pewne wyjątki,
które możesz dodać tutaj, a jednym wyjątkiem na liście domen wyjątków jest localhost.
Teraz jest to wymagane do programowania, ponieważ twoja aplikacja React Native ostatecznie rozmawia z tym
serwerem programistycznym, który działa na twoim hoście
lokalnym, który nie używa SSL. Normalnie iOS by to zablokował, teraz
aby go nie zablokować, jest to na liście wyjątków. Aby zbudować to do produkcji, powinieneś to usunąć, możesz
po prostu wyczyścić
ten klucz tutaj, usuwając go za pomocą klawisza usuwania i to wszystko. To jedna rzecz, którą powinieneś skonfigurować
do wdrożenia, a następnie musisz skonfigurować taki schemat wydania. Aby to zrobić, przejdź do schematu
produktu, edytuj schemat i ustaw to od debugowania, aby zwolnić tutaj do uruchomienia, a następnie zamknij to.
Dzięki temu możesz teraz uruchomić kompilację produktu tutaj, aby skompilować aplikację, a teraz jest
on przeznaczony do wydania, do produkcji, więc jest zoptymalizowany i tak dalej.
Dzięki temu twoja aplikacja jest teraz produkowana.
Teraz, gdy ta
kompilacja działa, upewnijmy się, że możemy również przesłać ją
do Apple App Store. W tym celu powinieneś przejść do swojego konta Apple Developer i tutaj zdecydowanie potrzebujesz
płatnego konta, a tam musisz teraz skonfigurować kilka rzeczy. Musisz przejść do certyfikatów, identyfikatorów i profili
tutaj i przejść do identyfikatorów, a następnie tutaj
dodać nowy identyfikator aplikacji, tylko to tutaj, pierwsze ustawienie, dodać identyfikator
aplikacji i musisz dodać identyfikator aplikacji, który jest skonfigurowany w twoim projektu, więc identyfikator aplikacji, znajdujący
się tutaj identyfikator pakietu, należy tutaj dodać dokładny identyfikator. Możesz dodać opis, rn-demo, cokolwiek
chcesz, ale tutaj musisz dodać ten identyfikator. Teraz możesz sprawdzić wszelkie specjalne możliwości wymagane przez aplikację,
których moja aplikacja nie potrzebuje, więc nie
muszę niczego tam sprawdzać, a następnie mogę kontynuować, potwierdzić to i zarejestrować.
Teraz jest
to wymagane, w przeciwnym razie nie będziesz mógł opublikować swojej aplikacji.
Teraz, gdy zarejestrowano ten identyfikator, musisz przejść do iTunes Connect i możesz
po prostu google w celu znalezienia usługi, na której tworzysz
stronę sklepu i gdzie musisz teraz skonfigurować aplikację. Tam możesz przejść do moich aplikacji i dodać tutaj nową aplikację, klikając tutaj plus
nową aplikację, przy okazji widzisz również aplikację, którą zbudowaliśmy z expo, więc kliknij tutaj nową aplikację, iOS, nadaj jej nazwę RNNoExpo, która z oczywiście
jest to piękna nazwa, której
tak naprawdę nie chcesz używać, ale jest dla
nas dobra, a następnie wybierz język, w którym budujesz aplikację, wybierz identyfikator pakietu i tam wybierz identyfikator, który
właśnie skonfigurowałeś, jeśli jest
jeszcze się nie pokazuję, wróć kilka minut później, będzie tam. Następnie możesz dodać własny identyfikator, który
będzie pojawiał się na fakturach w zasadzie i tak dalej, RNNoExpo, cokolwiek zechcesz, i
kliknij przycisk Utwórz, a to spowoduje utworzenie aplikacji tutaj w iTunes Connect.
W tym miejscu możesz również zarządzać aplikacją dla App Store i konfigurować ją, konfigurować jej ceny
i tak dalej.
Teraz, po tym wszystkim, poczekajmy, aż skończy się nasza kompilacja, a jeśli zakończyła się niepowodzeniem, tak jak dla mnie,
powód jest taki, że musisz ustawić to ogólne urządzenie iOS, więc upewnij się, że masz ten zestaw.
Pamiętaj również, aby dodać do tego testu RNWithoutExpo, wybierasz swój zespół programistów, to kolejny
błąd, który tu dostałem.
Jeśli nadal pojawia się błąd, tak jak ja, naciśnij polecenie 1 tutaj w Xcode, kliknij tutaj ustawienia kompilacji z
wszystkimi tymi rzeczami wybranymi tak,
jak tutaj, w sekcji linkowania, którą znajdziesz, jeśli przewiniesz trochę w dół i w części
dotyczącej usuwania kodu tutaj, w wydaniu, ustaw tę wartość z tak na nie.
Jest to obejście tego błędu, które wydaje się być związane z automatycznymi testami, które są
skonfigurowane, a kiedy to zrobisz, spróbuj ponownie, uruchom kompilację jeszcze raz i teraz powinno się to powieść. Gdy kompilacja się powiedzie, możesz wrócić
do produktu, a teraz dostępna jest opcja archiwizacji.
Jeśli teraz to uruchomisz, spowoduje to zarchiwizowanie aplikacji, która jest niczym innym jak budowaniem pakietu, który wcześniej był
zbudowany na serwerach chmurowych expo, więc poczekaj, aż
to się skończy.
Gdy to
zrobisz, powinieneś zobaczyć swoje archiwum lub archiwa, jeśli jesteś w trakcie procesu więcej niż raz tutaj i
teraz tutaj możesz dystrybuować swoją aplikację do App Store z konfiguracjami dokonanymi w iTunes Connect i
tak dalej, które pokazałem wcześniej.
Teraz nie zrobię tego tutaj, ale w ten sposób wdrożyłbyś swoją własną aplikację React Native bez zarządzania expo.