1
00:00:02,450 --> 00:00:09,560
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.

2
00:00:09,560 --> 00:00:15,770
Załóżmy teraz, że mamy aplikację zbudowaną na przykład z React Native CLI. Tutaj nie używam natywnych modułów, ale

3
00:00:15,770 --> 00:00:21,650
gdybym tak był, oczywiście zaktualizowałbym pliki konfiguracyjne Androida i iOS, aby zażądać odpowiednich uprawnień

4
00:00:21,650 --> 00:00:27,830
i tak dalej, i pokazałem to wszystko w module non-expo na początku kursu .

5
00:00:28,130 --> 00:00:32,870
Powiedzmy teraz, że jesteśmy zadowoleni z aplikacji i chcemy opublikować ją w Apple App Store

6
00:00:32,870 --> 00:00:34,190
i Google Play Store.

7
00:00:34,190 --> 00:00:38,900
Teraz oficjalne dokumenty React Native są świetnym miejscem do rozpoczęcia pracy. Tam w dokumentacji pod

8
00:00:38,930 --> 00:00:44,660
przewodnikami znajdziesz także ten przewodnik po urządzeniach, gdzie możesz dowiedzieć się, jak zbudować aplikację na iOS lub Androida na

9
00:00:45,050 --> 00:00:50,000
różnych systemach operacyjnych może nad tym pracować. Ważne, teraz możesz budować tylko na iOS

10
00:00:50,000 --> 00:00:55,190
na macOS, Linux i Windows nie działają, ponieważ teraz nie budujemy aplikacji w chmurze, jak

11
00:00:55,190 --> 00:01:01,250
to zrobiliśmy z expo, ale lokalnie na naszym komputerze i tam Apple ma to ograniczenie, które ty może

12
00:01:01,460 --> 00:01:03,730
budować tylko aplikacje iOS na Macu,

13
00:01:03,740 --> 00:01:04,580
tak jest.

14
00:01:05,510 --> 00:01:12,820
Więc teraz potrzebujesz konta programisty Apple, teraz niekoniecznie płatnego, po prostu zbuduj aplikację, ale jeśli chcesz

15
00:01:12,820 --> 00:01:13,480
ją

16
00:01:13,480 --> 00:01:17,590
zbudować, do sklepów z aplikacjami potrzebujesz płatnego, jak wspomniano

17
00:01:17,590 --> 00:01:20,950
wcześniej w tym module. Powinieneś więc założyć takie

18
00:01:20,950 --> 00:01:27,550
konto Apple Developer, a następnie otworzyć tutaj swój projekt, a konkretnie projekt iOS za pomocą Xcode.

19
00:01:28,330 --> 00:01:35,980
Tam możesz kliknąć otworzyć inny projekt, przejść do folderu projektu, tam do folderu iOS i tam wybrać

20
00:01:35,980 --> 00:01:41,560
folder lub plik obszaru roboczego XC, aby otworzyć go za pomocą Xcode.

21
00:01:41,620 --> 00:01:48,940
Spowoduje to otwarcie projektu, projektu iOS, który zawiera oczywiście kod React Native w Xcode. Teraz jest tam, gdzie teraz konfigurujesz tę aplikację,

22
00:01:48,990 --> 00:01:53,810
gdzie konfigurujesz swój identyfikator, na przykład ten odwrotny adres URL, o

23
00:01:53,870 --> 00:02:02,910
którym mówiłem, który może być com. naukowiec. rn-no expo test, coś takiego, w którym

24
00:02:02,910 --> 00:02:08,330
ustawiasz numer wersji, który zobaczą użytkownicy i numer kompilacji, który może być po

25
00:02:08,330 --> 00:02:13,280
prostu liczbą, którą inkrementujesz tutaj, gdzie powinieneś automatycznie zarządzać podpisywaniem i gdzie

26
00:02:13,280 --> 00:02:20,320
teraz musisz wybrać zespół, który powinien zostać wyświetlony tutaj, jeśli nie dodaj konta, a tam, zaloguj się

27
00:02:20,320 --> 00:02:26,350
za pomocą swojego Apple ID, aby dodać konto programisty Apple jako konto tu i później,

28
00:02:26,350 --> 00:02:31,360
powinieneś być w stanie wybrać tutaj swój zespół, który będzie wymagany do

29
00:02:31,360 --> 00:02:32,830
automatycznego podpisanie

30
00:02:32,830 --> 00:02:38,970
aplikacji, którą Apple wykona, że tak powiem. Zasadniczo możesz tutaj skonfigurować swoją aplikację i przygotować ją do wdrożenia, a

31
00:02:39,010 --> 00:02:44,640
jedna ważna konfiguracja jest oczywiście związana z ikonami, których chcesz użyć. W expo ikony konfigurujemy

32
00:02:44,650 --> 00:02:50,430
wygodnie w konfiguracji, a expo wygenerowało dla nas wszystkie ikony.

33
00:02:50,470 --> 00:02:52,410
Teraz to nie będzie

34
00:02:52,480 --> 00:02:59,650
działać w ten sposób, teraz musisz skonfigurować te ikony samodzielnie i robisz to, klikając tę strzałkę tutaj,

35
00:02:59,650 --> 00:03:06,570
która przeniesie Cię do katalogu zasobów i tam możesz teraz podać ikony i musisz podać ikony

36
00:03:06,570 --> 00:03:09,050
w różnych rozmiarach, jak można powiedzieć.

37
00:03:09,270 --> 00:03:11,610
Teraz oczywiście była to wygodna rzecz na targach, stworzyła

38
00:03:11,610 --> 00:03:17,690
te ikony dla ciebie i nie musiałaś ręcznie tworzyć wszystkich tych ikon. W załączeniu znajdziesz

39
00:03:17,690 --> 00:03:22,550
jednak ikony. plik zip, który zawiera ikony,

40
00:03:22,550 --> 00:03:29,740
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,

41
00:03:29,740 --> 00:03:35,560
że powinno być jasne, co musisz przeciągnąć, gdzie i dzięki temu masz skonfigurowane ikony.

42
00:03:35,750 --> 00:03:40,790
Możesz także skonfigurować ekran startowy, w tym celu możesz rozwinąć ten

43
00:03:40,790 --> 00:03:48,610
folder i tam znajdziesz plik zip ekranu startowego. To w końcu pozwala dostosować ekran uruchamiania, tam

44
00:03:48,610 --> 00:03:55,660
można dodawać do niego nowe widżety, przeciągać do niego obrazy, zmieniać tekst, widać tu na

45
00:03:55,660 --> 00:04:01,920
przykład i ogólnie konfigurować ekran uruchamiania. Możesz dowiedzieć się więcej na ten temat w

46
00:04:01,920 --> 00:04:09,700
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

47
00:04:09,700 --> 00:04:14,710
na symulatorze, wybierając wersję symulatora, a następnie klikając przycisk odtwarzania tutaj, a to teraz

48
00:04:14,710 --> 00:04:19,920
zbuduje aplikację i uruchomi ją na symulatorze, a następnie oczywiście możemy ją zbudować dla rozlokowanie.

49
00:04:19,930 --> 00:04:27,840
Zobaczmy, czy teraz to wszystko działa, uruchamia ten proces pakietu, który już widzieliście wcześniej dla tej

50
00:04:27,850 --> 00:04:33,630
samodzielnej aplikacji, ponieważ oczywiście nadal jest to część doświadczenia programistycznego.

51
00:04:33,700 --> 00:04:42,070
Wciąż jest to aplikacja React Native, której używasz do budowania tej aplikacji natywnej, a teraz to się udało i

52
00:04:42,100 --> 00:04:44,140
uruchamia aplikację na symulatorze.

53
00:04:44,140 --> 00:04:49,270
Teraz nie jestem zbytnio zainteresowany aplikacją, ponieważ mam tam tylko bardzo podstawową aplikację, która

54
00:04:49,270 --> 00:04:53,370
nie robi nic szczególnego, ale to dowodzi, że budowanie działa.

55
00:04:53,480 --> 00:04:57,970
Teraz w oficjalnych dokumentach, jeśli przewiniesz dalej w tej sekcji działającej na urządzeniu, nauczysz

56
00:04:57,970 --> 00:05:00,030
się również, jak zbudować aplikację

57
00:05:00,520 --> 00:05:05,510
do produkcji, jeśli jest to aplikacja non-expo, i mamy teraz dwie ważne rzeczy do zrobienia.

58
00:05:05,530 --> 00:05:10,900
Pierwszą ważną rzeczą jest to, że w naszym widoku projektu tutaj, klikając ten folder,

59
00:05:10,900 --> 00:05:20,290
a następnie ikonę tutaj, rozwijasz ten folder, a następnie przechodzisz do informacji. plist, a teraz tam znajdziesz klucz ustawień

60
00:05:20,290 --> 00:05:22,820
zabezpieczeń transportu aplikacji.

61
00:05:22,870 --> 00:05:29,470
Ten rodzaj kontroluje sposób, w jaki iOS kontroluje, z którymi stronami internetowymi lub serwerami WWW może komunikować się

62
00:05:29,470 --> 00:05:35,470
Twoja aplikacja, i domyślnie umożliwia dostęp tylko do serwerów https, a więc bezpiecznych serwerów SSL.

63
00:05:35,470 --> 00:05:39,270
To dobre ustawienie domyślne, ale możesz mieć pewne wyjątki,

64
00:05:39,370 --> 00:05:44,120
które możesz dodać tutaj, a jednym wyjątkiem na liście domen wyjątków jest localhost.

65
00:05:44,180 --> 00:05:49,450
Teraz jest to wymagane do programowania, ponieważ twoja aplikacja React Native ostatecznie rozmawia z tym

66
00:05:49,450 --> 00:05:51,680
serwerem programistycznym, który działa na twoim hoście

67
00:05:51,820 --> 00:05:55,820
lokalnym, który nie używa SSL. Normalnie iOS by to zablokował, teraz

68
00:05:55,900 --> 00:06:01,000
aby go nie zablokować, jest to na liście wyjątków. Aby zbudować to do produkcji, powinieneś to usunąć, możesz

69
00:06:01,060 --> 00:06:02,080
po prostu wyczyścić

70
00:06:02,080 --> 00:06:08,230
ten klucz tutaj, usuwając go za pomocą klawisza usuwania i to wszystko. To jedna rzecz, którą powinieneś skonfigurować

71
00:06:08,230 --> 00:06:15,630
do wdrożenia, a następnie musisz skonfigurować taki schemat wydania. Aby to zrobić, przejdź do schematu

72
00:06:15,640 --> 00:06:24,700
produktu, edytuj schemat i ustaw to od debugowania, aby zwolnić tutaj do uruchomienia, a następnie zamknij to.

73
00:06:25,760 --> 00:06:30,470
Dzięki temu możesz teraz uruchomić kompilację produktu tutaj, aby skompilować aplikację, a teraz jest

74
00:06:30,470 --> 00:06:35,090
on przeznaczony do wydania, do produkcji, więc jest zoptymalizowany i tak dalej.

75
00:06:35,090 --> 00:06:37,530
Dzięki temu twoja aplikacja jest teraz produkowana.

76
00:06:38,720 --> 00:06:39,980
Teraz, gdy ta

77
00:06:39,980 --> 00:06:42,940
kompilacja działa, upewnijmy się, że możemy również przesłać ją

78
00:06:42,950 --> 00:06:48,590
do Apple App Store. W tym celu powinieneś przejść do swojego konta Apple Developer i tutaj zdecydowanie potrzebujesz

79
00:06:49,550 --> 00:06:55,250
płatnego konta, a tam musisz teraz skonfigurować kilka rzeczy. Musisz przejść do certyfikatów, identyfikatorów i profili

80
00:06:55,250 --> 00:06:58,370
tutaj i przejść do identyfikatorów, a następnie tutaj

81
00:06:58,370 --> 00:07:02,140
dodać nowy identyfikator aplikacji, tylko to tutaj, pierwsze ustawienie, dodać identyfikator

82
00:07:02,150 --> 00:07:07,690
aplikacji i musisz dodać identyfikator aplikacji, który jest skonfigurowany w twoim projektu, więc identyfikator aplikacji, znajdujący

83
00:07:07,700 --> 00:07:14,240
się tutaj identyfikator pakietu, należy tutaj dodać dokładny identyfikator. Możesz dodać opis, rn-demo, cokolwiek

84
00:07:14,240 --> 00:07:22,840
chcesz, ale tutaj musisz dodać ten identyfikator. Teraz możesz sprawdzić wszelkie specjalne możliwości wymagane przez aplikację,

85
00:07:22,870 --> 00:07:26,410
których moja aplikacja nie potrzebuje, więc nie

86
00:07:26,410 --> 00:07:31,740
muszę niczego tam sprawdzać, a następnie mogę kontynuować, potwierdzić to i zarejestrować.

87
00:07:31,750 --> 00:07:32,680
Teraz jest

88
00:07:32,680 --> 00:07:36,010
to wymagane, w przeciwnym razie nie będziesz mógł opublikować swojej aplikacji.

89
00:07:36,040 --> 00:07:42,510
Teraz, gdy zarejestrowano ten identyfikator, musisz przejść do iTunes Connect i możesz

90
00:07:42,510 --> 00:07:48,090
po prostu google w celu znalezienia usługi, na której tworzysz

91
00:07:48,090 --> 00:07:57,710
stronę sklepu i gdzie musisz teraz skonfigurować aplikację. Tam możesz przejść do moich aplikacji i dodać tutaj nową aplikację, klikając tutaj plus

92
00:07:57,710 --> 00:08:06,010
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

93
00:08:06,160 --> 00:08:08,070
jest to piękna nazwa, której

94
00:08:08,140 --> 00:08:11,110
tak naprawdę nie chcesz używać, ale jest dla

95
00:08:11,260 --> 00:08:17,600
nas dobra, a następnie wybierz język, w którym budujesz aplikację, wybierz identyfikator pakietu i tam wybierz identyfikator, który

96
00:08:17,620 --> 00:08:19,210
właśnie skonfigurowałeś, jeśli jest

97
00:08:19,360 --> 00:08:26,060
jeszcze się nie pokazuję, wróć kilka minut później, będzie tam. Następnie możesz dodać własny identyfikator, który

98
00:08:26,060 --> 00:08:32,750
będzie pojawiał się na fakturach w zasadzie i tak dalej, RNNoExpo, cokolwiek zechcesz, i

99
00:08:32,750 --> 00:08:39,170
kliknij przycisk Utwórz, a to spowoduje utworzenie aplikacji tutaj w iTunes Connect.

100
00:08:39,260 --> 00:08:44,750
W tym miejscu możesz również zarządzać aplikacją dla App Store i konfigurować ją, konfigurować jej ceny

101
00:08:44,750 --> 00:08:45,910
i tak dalej.

102
00:08:45,980 --> 00:08:52,870
Teraz, po tym wszystkim, poczekajmy, aż skończy się nasza kompilacja, a jeśli zakończyła się niepowodzeniem, tak jak dla mnie,

103
00:08:52,870 --> 00:08:59,220
powód jest taki, że musisz ustawić to ogólne urządzenie iOS, więc upewnij się, że masz ten zestaw.

104
00:08:59,220 --> 00:09:03,810
Pamiętaj również, aby dodać do tego testu RNWithoutExpo, wybierasz swój zespół programistów, to kolejny

105
00:09:03,810 --> 00:09:05,170
błąd, który tu dostałem.

106
00:09:06,150 --> 00:09:14,510
Jeśli nadal pojawia się błąd, tak jak ja, naciśnij polecenie 1 tutaj w Xcode, kliknij tutaj ustawienia kompilacji z

107
00:09:14,600 --> 00:09:17,020
wszystkimi tymi rzeczami wybranymi tak,

108
00:09:19,930 --> 00:09:26,170
jak tutaj, w sekcji linkowania, którą znajdziesz, jeśli przewiniesz trochę w dół i w części

109
00:09:26,180 --> 00:09:32,180
dotyczącej usuwania kodu tutaj, w wydaniu, ustaw tę wartość z tak na nie.

110
00:09:32,200 --> 00:09:36,280
Jest to obejście tego błędu, które wydaje się być związane z automatycznymi testami, które są

111
00:09:36,280 --> 00:09:45,020
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ć

112
00:09:45,020 --> 00:09:49,760
do produktu, a teraz dostępna jest opcja archiwizacji.

113
00:09:49,850 --> 00:09:56,570
Jeśli teraz to uruchomisz, spowoduje to zarchiwizowanie aplikacji, która jest niczym innym jak budowaniem pakietu, który wcześniej był

114
00:09:56,570 --> 00:09:59,490
zbudowany na serwerach chmurowych expo, więc poczekaj, aż

115
00:09:59,810 --> 00:10:01,340
to się skończy.

116
00:10:02,490 --> 00:10:03,430
Gdy to

117
00:10:03,430 --> 00:10:08,620
zrobisz, powinieneś zobaczyć swoje archiwum lub archiwa, jeśli jesteś w trakcie procesu więcej niż raz tutaj i

118
00:10:08,620 --> 00:10:13,660
teraz tutaj możesz dystrybuować swoją aplikację do App Store z konfiguracjami dokonanymi w iTunes Connect i

119
00:10:13,660 --> 00:10:15,310
tak dalej, które pokazałem wcześniej.

120
00:10:15,360 --> 00:10:20,890
Teraz nie zrobię tego tutaj, ale w ten sposób wdrożyłbyś swoją własną aplikację React Native bez zarządzania expo.