1
00:00:02,450 --> 00:00:09,560
Jadi kami melihat bagaimana kami dapat membangun dan menggunakan aplikasi dengan expo di alur kerja yang dikelola yang cukup nyaman.

2
00:00:09,560 --> 00:00:15,770
Sekarang katakanlah kita memiliki aplikasi misalnya dibangun dengan React Native CLI. Di sini saya tidak menggunakan modul asli tetapi

3
00:00:15,770 --> 00:00:21,650
jika saya, tentu saja saya akan memperbarui file konfigurasi Android dan iOS saya untuk meminta izin

4
00:00:21,650 --> 00:00:27,410
yang tepat dan seterusnya dan saya menunjukkan semua itu dalam modul non-expo di awal kursus.

5
00:00:27,410 --> 00:00:27,830
.

6
00:00:28,130 --> 00:00:32,870
Jadi sekarang katakanlah kita senang dengan aplikasi dan kami ingin menerbitkannya ke Apple App Store

7
00:00:32,870 --> 00:00:34,190
dan Google Play Store.

8
00:00:34,190 --> 00:00:38,900
Sekarang dokumen resmi React Native adalah tempat yang bagus untuk memulai dengan itu, di sana dalam dokumentasi di bawah

9
00:00:38,930 --> 00:00:44,660
panduan, Anda juga menemukan ini berjalan pada panduan perangkat di mana Anda dapat belajar bagaimana Anda membangun aplikasi untuk iOS atau Android di

10
00:00:45,050 --> 00:00:50,000
berbagai sistem operasi yang Anda gunakan. mungkin sedang bekerja. Penting, Anda hanya dapat membangun untuk iOS di

11
00:00:50,000 --> 00:00:55,190
macOS sekarang, Linux dan Windows tidak berfungsi karena sekarang kami tidak membangun aplikasi di cloud seperti yang

12
00:00:55,190 --> 00:01:01,250
kami lakukan dengan expo tetapi secara lokal di mesin kami dan di sana, Apple memiliki batasan ini bahwa Anda hanya

13
00:01:01,460 --> 00:01:03,730
dapat membangun aplikasi iOS di Mac, seperti

14
00:01:03,740 --> 00:01:04,580
apa adanya.

15
00:01:05,510 --> 00:01:12,820
Jadi sekarang yang Anda butuhkan sekarang adalah akun pengembang apel, saat ini belum tentu yang berbayar, cukup buat aplikasi, tetapi jika

16
00:01:12,820 --> 00:01:13,480
Anda

17
00:01:13,480 --> 00:01:17,590
ingin membuatnya, untuk toko aplikasi Anda memerlukan yang berbayar seperti yang

18
00:01:17,590 --> 00:01:20,950
disebutkan sebelumnya dalam modul ini. Jadi, Anda harus mengatur

19
00:01:20,950 --> 00:01:27,550
akun Pengembang Apple dan kemudian buka proyek Anda di sini, proyek iOS Anda agar tepat dengan Xcode.

20
00:01:28,330 --> 00:01:35,980
Di sana Anda dapat mengklik buka proyek lain, masuk ke folder proyek Anda, di sana ke folder iOS dan di sana

21
00:01:35,980 --> 00:01:41,560
pilih folder ruang kerja XC ini atau file di sini untuk membuka ini dengan Xcode.

22
00:01:41,620 --> 00:01:48,940
Ini membuka proyek Anda, proyek iOS Anda yang mencakup kode Bereaksi Asli Anda tentu saja dalam Xcode. Sekarang ada di sana di mana Anda sekarang mengkonfigurasi

23
00:01:48,990 --> 00:01:53,810
aplikasi ini, di mana Anda mengatur pengenal Anda misalnya, itulah URL terbalik

24
00:01:53,870 --> 00:02:02,910
yang saya bicarakan yang bisa jadi com. akademi. rn-no expo test, sesuatu seperti ini, di mana

25
00:02:02,910 --> 00:02:08,330
Anda menetapkan nomor versi yang akan dilihat pengguna Anda dan nomor build Anda yang bisa

26
00:02:08,330 --> 00:02:13,280
menjadi angka yang Anda tambahkan di sini, di mana Anda harus memilih secara

27
00:02:13,280 --> 00:02:20,320
otomatis mengelola penandatanganan dan di mana Anda sekarang harus memilih tim yang akan ditampilkan di sini, jika tidak menambahkan akun

28
00:02:20,320 --> 00:02:26,350
dan di sana, masuk dengan ID Apple Anda untuk menambahkan akun pengembang apel Anda sebagai akun di

29
00:02:26,350 --> 00:02:31,360
sini dan setelahnya, Anda harus dapat memilih tim Anda di sini yang akan diperlukan

30
00:02:31,360 --> 00:02:32,830
untuk secara otomatis

31
00:02:32,830 --> 00:02:38,970
menandatangani aplikasi yang kemudian akan dilakukan oleh Apple. Secara umum Anda dapat mengonfigurasi aplikasi Anda di sini dan mempersiapkannya untuk penerapan dan

32
00:02:39,010 --> 00:02:44,640
satu konfigurasi penting tentu saja terkait dengan ikon yang ingin Anda gunakan. Dalam expo, kami mengatur ikon

33
00:02:44,650 --> 00:02:50,430
dengan nyaman dalam konfigurasi dan expo menghasilkan semua ikon untuk kami.

34
00:02:50,470 --> 00:02:52,410
Sekarang tidak akan berfungsi seperti

35
00:02:52,480 --> 00:02:59,650
ini, sekarang Anda perlu mengatur ikon ini sendiri dan Anda melakukannya dengan mengklik panah ini di sini yang akan membawa

36
00:02:59,650 --> 00:03:06,570
Anda ke katalog aset dan di sana Anda sekarang dapat memberikan ikon dan Anda perlu memberikan ikon dalam berbagai

37
00:03:06,570 --> 00:03:09,050
ukuran di sini seperti yang Anda tahu.

38
00:03:09,270 --> 00:03:11,610
Sekarang jelas itu adalah hal yang mudah dilakukan oleh expo, itu

39
00:03:11,610 --> 00:03:17,690
memang membuat ikon ini untuk Anda dan Anda tidak harus secara manual membuat semua ikon ini. Terlampir namun Anda

40
00:03:17,690 --> 00:03:22,550
menemukan ikon. File zip yang berisi ikon dapat

41
00:03:22,550 --> 00:03:29,740
Anda seret dan jatuhkan di sini, jadi itulah yang akan saya lakukan sekarang dan ikon diberi label sedemikian rupa sehingga harus

42
00:03:29,740 --> 00:03:35,560
jelas apa yang harus Anda seret ke mana dan dengan itu, Anda dapat mengatur ikon-ikon tersebut.

43
00:03:35,750 --> 00:03:40,790
Anda juga mungkin ingin mengkonfigurasi layar peluncuran, untuk itu Anda dapat memperluas folder ini

44
00:03:40,790 --> 00:03:48,610
dan di sana Anda menemukan file zip layar peluncuran ini. Ini pada akhirnya memungkinkan Anda untuk menyesuaikan layar peluncuran Anda,

45
00:03:48,610 --> 00:03:55,660
di sana Anda dapat menambahkan widget baru untuk itu, menyeret gambar ke dalamnya, mengubah teks, Anda lihat di sini

46
00:03:55,660 --> 00:04:01,920
misalnya dan mengkonfigurasi layar peluncuran secara umum. Anda dapat mempelajari lebih lanjut tentang hal ini di dokumen Xcode

47
00:04:01,920 --> 00:04:09,700
tentu saja dan setelah Anda mengkonfigurasi semua itu, Anda dapat membangun aplikasi Anda di sini. Untuk itu, Anda juga dapat misalnya mengujinya di simulator terlebih dahulu

48
00:04:09,700 --> 00:04:14,710
dengan memilih versi simulator, lalu mengklik tombol putar di sini dan ini sekarang akan membangun aplikasi

49
00:04:14,710 --> 00:04:19,920
Anda dan menjalankannya di simulator dan setelah itu tentu saja, kami juga dapat membangunnya untuk penyebaran.

50
00:04:19,930 --> 00:04:27,840
Mari kita lihat apakah ini sekarang semua berfungsi, ia meluncurkan proses bundler yang sudah Anda lihat sebelumnya untuk aplikasi

51
00:04:27,850 --> 00:04:33,630
mandiri ini karena tentu saja itu masih bagian dari pengalaman pengembangan di sini.

52
00:04:33,700 --> 00:04:42,070
Ini masih aplikasi React Native setelah semua yang Anda gunakan untuk membangun aplikasi asli ini dan sekarang ini berhasil dan

53
00:04:42,100 --> 00:04:44,140
meluncurkan aplikasi pada simulator.

54
00:04:44,140 --> 00:04:49,270
Sekarang saya tidak terlalu tertarik dengan aplikasi di sana karena saya hanya punya aplikasi yang sangat mendasar

55
00:04:49,270 --> 00:04:53,370
di sana yang tidak melakukan apa-apa tetapi ini membuktikan bahwa membangun berfungsi.

56
00:04:53,480 --> 00:04:57,970
Sekarang di dokumen resmi jika Anda menggulir lebih jauh lagi masih berjalan di bagian perangkat ini,

57
00:04:57,970 --> 00:05:00,030
Anda juga belajar cara membuat aplikasi untuk

58
00:05:00,520 --> 00:05:05,510
produksi jika itu adalah aplikasi non-pameran dan di sana, kami sekarang memiliki dua hal penting yang harus dilakukan.

59
00:05:05,530 --> 00:05:10,900
Hal penting pertama adalah bahwa dalam tampilan proyek kami di sini, dengan mengklik pada folder ini dan kemudian

60
00:05:10,900 --> 00:05:20,290
pada ikon ini di sini, Anda perluas folder ini dan kemudian pergi ke info. Plist dan sekarang di sana, Anda akan menemukan kunci pengaturan

61
00:05:20,290 --> 00:05:22,820
keamanan transportasi aplikasi ini.

62
00:05:22,870 --> 00:05:29,470
Jenis kontrol ini mengontrol bagaimana iOS mengontrol halaman web atau server web mana aplikasi Anda dapat berbicara

63
00:05:29,470 --> 00:05:35,470
dan secara default, itu hanya memungkinkan akses ke server https, sehingga server SSL aman.

64
00:05:35,470 --> 00:05:39,270
Itu default yang bagus tetapi Anda mungkin memiliki beberapa pengecualian yang

65
00:05:39,370 --> 00:05:44,120
dapat Anda tambahkan di sini dan satu pengecualian dalam daftar domain pengecualian adalah localhost.

66
00:05:44,180 --> 00:05:49,450
Sekarang itu diperlukan untuk pengembangan karena aplikasi Bereaksi Asli Anda pada akhirnya berbicara dengan server pengembangan

67
00:05:49,450 --> 00:05:51,680
ini di sini yang berjalan di localhost

68
00:05:51,820 --> 00:05:55,820
Anda yang tidak menggunakan SSL. Biasanya iOS akan memblokir ini, sekarang

69
00:05:55,900 --> 00:06:01,000
untuk tidak memblokirnya, ini ada dalam daftar pengecualian. Untuk membuat ini untuk produksi, Anda harus menghapus ini,

70
00:06:01,060 --> 00:06:02,080
Anda bisa menghapus

71
00:06:02,080 --> 00:06:08,230
kunci ini di sini dengan menghapusnya dengan tombol hapus dan hanya itu. Itu satu hal yang harus Anda konfigurasi untuk

72
00:06:08,230 --> 00:06:15,630
penyebaran dan kemudian Anda perlu mengkonfigurasi skema rilis seperti itu. Untuk itu, Anda akan pergi ke skema

73
00:06:15,640 --> 00:06:24,700
produk, mengedit skema dan mengatur ini dari debug untuk rilis di sini untuk dijalankan dan kemudian tutup ini.

74
00:06:25,760 --> 00:06:30,470
Dengan itu, Anda sekarang dapat menjalankan pembuatan produk di sini untuk membangun aplikasi Anda dan

75
00:06:30,470 --> 00:06:35,090
sekarang ini dibangun untuk rilis, dibangun untuk produksi, jadi itu dioptimalkan dan seterusnya.

76
00:06:35,090 --> 00:06:37,530
Jadi ini membangun aplikasi Anda sekarang untuk produksi.

77
00:06:38,720 --> 00:06:39,980
Sekarang sementara build ini

78
00:06:39,980 --> 00:06:42,940
berjalan, mari kita pastikan kita juga dapat mengunggahnya ke Apple App

79
00:06:42,950 --> 00:06:48,590
Store dan untuk ini, Anda harus pergi ke akun Pengembang Apple Anda dan di sini Anda sekarang pasti membutuhkan akun

80
00:06:49,550 --> 00:06:55,250
berbayar dan di sana, Anda sekarang perlu menyiapkan beberapa barang. Anda harus pergi ke sertifikat, ID dan profil

81
00:06:55,250 --> 00:06:58,370
di sini dan pergi ke pengidentifikasi dan kemudian di sini

82
00:06:58,370 --> 00:07:02,140
menambahkan ID aplikasi baru, hanya ini di sini, pengaturan pertama, tambahkan ID

83
00:07:02,150 --> 00:07:07,690
aplikasi dan Anda perlu menambahkan ID aplikasi yang diatur di Anda proyek, jadi ID aplikasi, pengidentifikasi bundel yang

84
00:07:07,700 --> 00:07:14,240
Anda temukan di sini, pengidentifikasi yang tepat perlu ditambahkan di sini. Anda dapat menambahkan deskripsi, rn-demo, apa pun

85
00:07:14,240 --> 00:07:22,840
yang Anda inginkan, tetapi di sini Anda perlu menambahkan ID ini. Sekarang Anda dapat memeriksa kemampuan khusus yang dibutuhkan aplikasi Anda yang

86
00:07:22,870 --> 00:07:26,410
mana aplikasi saya tidak, jadi saya tidak perlu

87
00:07:26,410 --> 00:07:31,740
memeriksa apa pun di sana dan kemudian saya dapat melanjutkan, konfirmasikan ini dan mendaftar.

88
00:07:31,750 --> 00:07:32,680
Sekarang ini

89
00:07:32,680 --> 00:07:36,010
diperlukan, jika tidak, Anda tidak akan dapat mempublikasikan aplikasi Anda.

90
00:07:36,040 --> 00:07:42,510
Sekarang dengan ID yang terdaftar, Anda harus pergi ke iTunes Connect dan Anda dapat dengan

91
00:07:42,510 --> 00:07:48,090
mudah google untuk apa yang pada akhirnya layanan di mana Anda membuat halaman

92
00:07:48,090 --> 00:07:57,710
toko itu dan di mana Anda sekarang perlu mengatur aplikasi Anda. Di sana Anda dapat pergi ke aplikasi saya dan menambahkan aplikasi baru di sini dengan mengklik

93
00:07:57,710 --> 00:08:06,010
plus aplikasi baru di sini, dengan cara Anda juga melihat aplikasi yang kami buat dengan pameran, jadi klik aplikasi baru di sini, iOS, berikan nama seperti RNNoExpo

94
00:08:06,160 --> 00:08:08,070
yang mana dari tentu saja adalah

95
00:08:08,140 --> 00:08:11,110
nama yang indah yang tidak ingin Anda gunakan tetapi bagus

96
00:08:11,260 --> 00:08:17,600
untuk kami di sini, lalu pilih bahasa tempat Anda membangun aplikasi, pilih bundel ID dan di sana, pilih ID yang baru

97
00:08:17,620 --> 00:08:19,210
saja Anda atur, jika

98
00:08:19,360 --> 00:08:26,060
itu belum muncul, kembalilah beberapa menit kemudian akan ada di sana. Anda kemudian dapat menambahkan pengenal kustom Anda

99
00:08:26,060 --> 00:08:32,750
sendiri yang pada dasarnya akan muncul pada faktur Anda dan seterusnya, RNNoExpo, apa pun yang Anda

100
00:08:32,750 --> 00:08:39,170
inginkan dan klik create dan ini sekarang membuat aplikasi di sini di iTunes Connect.

101
00:08:39,260 --> 00:08:44,750
Ini juga tempat Anda dapat mengelola aplikasi untuk App Store dan mengaturnya, mengatur harganya,

102
00:08:44,750 --> 00:08:45,910
dan sebagainya.

103
00:08:45,980 --> 00:08:52,870
Sekarang dengan semua itu selesai, mari kita tunggu build kita selesai di sini dan jika gagal seperti yang terjadi pada

104
00:08:52,870 --> 00:08:59,220
saya, alasannya adalah Anda perlu mengatur ini ke perangkat iOS umum, jadi pastikan Anda memiliki set ini.

105
00:08:59,220 --> 00:09:03,810
Pastikan juga untuk menambahkan pada tes RNWithoutExpo ini, Anda pilih tim pengembangan Anda, itu kesalahan lain yang

106
00:09:03,810 --> 00:09:05,170
saya dapatkan di sini.

107
00:09:06,150 --> 00:09:14,510
Jika Anda masih mendapatkan kesalahan seperti yang saya lakukan, tekan perintah 1 di sini di Xcode, klik membangun pengaturan di sini dengan semua

108
00:09:14,600 --> 00:09:17,020
hal ini dipilih seperti yang Anda

109
00:09:19,930 --> 00:09:26,170
lihat di sini, di bagian tautan yang akan Anda temukan jika Anda gulir ke bawah sedikit dan

110
00:09:26,180 --> 00:09:32,180
di bagian kode stripping di sini, di bawah rilis, atur ini dari ya menjadi tidak.

111
00:09:32,200 --> 00:09:36,280
Ini adalah solusi untuk kesalahan ini yang tampaknya terkait dengan tes otomatis yang telah diatur

112
00:09:36,280 --> 00:09:45,020
dan setelah Anda melakukan ini, coba ini lagi, jalankan build sekali lagi dan sekarang ini akan berhasil. Setelah bangunan ini berhasil, Anda dapat

113
00:09:45,020 --> 00:09:49,760
kembali ke produk dan sekarang opsi arsip tersedia.

114
00:09:49,850 --> 00:09:56,570
Jika sekarang Anda menjalankan ini, arsipkan aplikasi Anda yang tidak lain adalah membangun bundel yang sebelumnya dibangun

115
00:09:56,570 --> 00:09:59,490
di server cloud expo, jadi mari kita

116
00:09:59,810 --> 00:10:01,340
tunggu sampai selesai.

117
00:10:02,490 --> 00:10:03,430
Setelah ini

118
00:10:03,430 --> 00:10:08,620
selesai, Anda akan melihat arsip atau arsip Anda jika Anda sedang dalam proses lebih dari sekali di sini dan

119
00:10:08,620 --> 00:10:13,660
sekarang di sini Anda bisa mendistribusikan aplikasi Anda ke App Store dengan konfigurasi yang dibuat di iTunes Connect

120
00:10:13,660 --> 00:10:15,310
dan sebagainya yang saya tunjukkan sebelumnya.

121
00:10:15,360 --> 00:10:20,890
Sekarang saya tidak akan melakukan ini di sini, tetapi ini adalah bagaimana Anda akan menggunakan aplikasi Hanya Bereaksi Asli Anda tanpa terkelola expo.