1
00:00:02,530 --> 00:00:07,990
Sekarang kami menguji aplikasi pada perangkat nyata yang tentu saja cukup bagus dan juga menakjubkan untuk melihatnya berjalan di sana tetapi untuk

2
00:00:07,990 --> 00:00:10,520
pengembangan, saya benar-benar akan menggunakan simulator yang merupakan perangkat

3
00:00:16,270 --> 00:00:20,310
virtual yang berjalan pada mesin saya, hanya agar saya tidak terus-menerus harus menguji aplikasi pada perangkat

4
00:00:20,460 --> 00:00:23,660
asli saya, saya suka memilikinya di sini, juga membuatnya lebih mudah untuk direkam.

5
00:00:23,680 --> 00:00:29,680
Anda mungkin juga ingin menguji aplikasi pada simulator di beberapa titik, misalnya karena Anda mungkin hanya memiliki baik Android

6
00:00:29,680 --> 00:00:35,530
atau perangkat iOS dan Anda juga ingin menguji dan melihat aplikasi Anda pada platform masing-masing lainnya atau Anda

7
00:00:35,530 --> 00:00:41,410
memiliki kedua perangkat, Anda memiliki iPhone, Anda memiliki ponsel Android tetapi Anda juga ingin menguji aplikasi Anda pada iPhone

8
00:00:41,410 --> 00:00:47,530
yang lebih tua, pada perangkat Android yang lebih kecil dan dengan simulator dan emulator, Anda dapat meluncurkan berbagai jenis

9
00:00:47,680 --> 00:00:52,860
perangkat dan menguji aplikasi Anda di sana. Untuk memulai dengan itu, buka bagian panduan di sana dan klik Naik

10
00:00:52,870 --> 00:00:55,030
dan Berlari, tidak masalah di mana Anda mengklik, pada

11
00:00:55,030 --> 00:00:59,710
akhirnya Anda hanya perlu membuka dokumen. pameran io dan

12
00:00:59,740 --> 00:01:03,460
di sana dalam alur kerja yang dikelola, Anda

13
00:01:03,520 --> 00:01:09,910
dapat mengklik simulator iOS atau emulator Android Studio dan di sana, Anda belajar

14
00:01:10,000 --> 00:01:16,690
cara menginstal Android Studio dan kemudian meluncurkan perangkat virtual atau menginstal Xcode yang merupakan

15
00:01:16,900 --> 00:01:23,620
lingkungan pengembangan Apple dan meluncurkan simulator iOS. Yang penting, simulator iOS hanya dapat diluncurkan pada perangkat

16
00:01:23,710 --> 00:01:30,020
MacOS karena Xcode, alat yang benar-benar Anda butuhkan untuk yang tidak tersedia di Windows atau Linux, jadi Anda

17
00:01:30,040 --> 00:01:37,180
tidak dapat menjalankan simulator iOS di Windows atau Linux, Anda dapat menjalankan Android Studio emulator di sana, pada MacOS Anda

18
00:01:37,180 --> 00:01:38,510
dapat menjalankan keduanya.

19
00:01:38,530 --> 00:01:41,710
Jadi sekarang mari kita instal hal-hal ini dan mari kita mulai dengan

20
00:01:41,770 --> 00:01:47,650
emulator Android Studio, untuk ini, Anda pertama-tama perlu menginstal Android Studio. Untuk ini, Anda tentu saja cukup google untuk Android Studio

21
00:01:47,650 --> 00:01:53,080
dan Anda harus menemukan pengembang. Android. com / studio, cukup

22
00:01:53,080 --> 00:02:00,550
klik di sana dan kemudian di sana, pilih unduh Android Studio dan setujui persyaratan ini di sini.

23
00:02:00,550 --> 00:02:05,090
Sekarang ini akan membuka jendela unduhan itu dan sekarang mengunduh Android Studio yang cukup besar dan karenanya

24
00:02:05,090 --> 00:02:07,280
unduhan ini bisa memakan waktu cukup lama.

25
00:02:07,360 --> 00:02:09,810
Sekarang saya akan kembali setelah

26
00:02:09,920 --> 00:02:16,250
unduhan ini selesai untuk kemudian melanjutkan dengan pengaturan. Jadi unduhan selesai untuk saya dan dengan itu, saya

27
00:02:16,280 --> 00:02:22,490
membuka ini, sekarang saya di Mac di sini tetapi juga Windows, Anda cukup klik dua kali pada file

28
00:02:22,490 --> 00:02:27,750
yang diunduh untuk memulai installer dan installer akan membuka dan memandu Anda melalui beberapa langkah.

29
00:02:27,810 --> 00:02:33,590
Sekarang di penginstal itu, Anda cukup meninggalkan semua pengaturan default. Sekarang dengan Android Studio diinstal dan instalasi

30
00:02:33,590 --> 00:02:36,080
selesai, kami akan meluncurkan dalam sedetik.

31
00:02:36,080 --> 00:02:41,960
Sekarang sebelum saya memulai bersama dengan Anda dan kami berjalan melalui langkah pertama ini, pastikan Anda memiliki

32
00:02:41,960 --> 00:02:45,860
pengaturan ini di sana pada MacOS dan Linux dikonfigurasi dengan benar.

33
00:02:46,010 --> 00:02:47,780
Jadi di Windows, Anda harus

34
00:02:47,840 --> 00:02:52,580
melakukan itu tetapi di MacOS dan Linux, pastikan Anda mengikuti dua langkah ini yang

35
00:02:52,640 --> 00:03:00,170
akan Anda temukan di dokumen resmi agar semuanya berfungsi dengan benar. Sekarang dengan itu, mari kita luncurkan Android Studio, setelah Anda memulainya, Anda

36
00:03:00,170 --> 00:03:02,640
akan melihat layar yang terlihat seperti ini.

37
00:03:02,750 --> 00:03:07,580
Di sana, Anda dapat mengklik configure dan kemudian pilih manajer SDK.

38
00:03:07,610 --> 00:03:15,310
Sekarang di sini di manajer SDK, pastikan Anda memiliki salah satu SDK terbaru yang diinstal.

39
00:03:15,350 --> 00:03:20,180
Sekarang biasanya, Anda memiliki SDK paling atas yang masih dalam versi beta, jadi

40
00:03:20,480 --> 00:03:26,150
dalam kasus saya itulah Android API level 29q yang belum memiliki nama resmi dan versi stabil

41
00:03:26,390 --> 00:03:30,050
terbaru, dalam pi kasus saya, adalah yang harus Anda instal,

42
00:03:30,050 --> 00:03:33,170
biasanya item kedua di sini dalam daftar itu.

43
00:03:33,170 --> 00:03:37,190
Jadi versi pertama yang memiliki nama asli sehingga dapat dikatakan,

44
00:03:37,190 --> 00:03:40,920
dalam hal ini pi, pastikan bahwa ini diinstal hanya dengan

45
00:03:41,000 --> 00:03:46,460
memeriksa di sini dan setelah Anda memeriksanya, Anda dapat mengklik berlaku di sana dan

46
00:03:46,460 --> 00:03:53,830
ini akan secara otomatis mengunduh dan menginstal Itu. Selain menginstal SDK, pastikan bahwa di alat SDK, Anda

47
00:03:53,830 --> 00:03:54,640
memiliki

48
00:03:54,640 --> 00:04:01,120
emulator Android yang diinstal di sini, jadi cukup klik ini di sini, tambahkan tanda centang di

49
00:04:01,120 --> 00:04:11,890
sini dan alat platform SDK dan alat SDK, bahwa ketiganya diperiksa di sini . Periksa juga akselerator emulator Intl 86 di sini dan Layanan Google Play.

50
00:04:13,110 --> 00:04:16,100
Dengan semua yang dicentang, klik berlaku dan sekarang

51
00:04:16,100 --> 00:04:21,300
lagi ini akan meminta Anda dan kemudian mulai mengunduh semua item ini dan menginstalnya

52
00:04:21,300 --> 00:04:27,600
ke pengaturan Android Anda di sini dan Anda perlu semua hal ini diinstal untuk mengembangkan aplikasi Android.

53
00:04:27,600 --> 00:04:34,620
Jadi mari kita tunggu pengunduhan dan pemasangan ini selesai di sini dan setelah selesai, Anda selesai di sini,

54
00:04:34,630 --> 00:04:40,300
Anda bisa menutupnya dan langkah berikutnya, masih di jendela Android Studio di sini, adalah Anda

55
00:04:40,570 --> 00:04:42,410
mengklik configure AVD manager.

56
00:04:42,490 --> 00:04:46,750
Ini adalah manajer yang memungkinkan Anda untuk membuat dan meluncurkan perangkat virtual.

57
00:04:46,750 --> 00:04:49,120
Anda lihat saya sudah memiliki beberapa perangkat, Anda

58
00:04:49,120 --> 00:04:53,830
mungkin tidak memilikinya, Anda selalu dapat membuat yang baru di sudut kiri bawah dengan mengklik pada

59
00:04:53,830 --> 00:05:00,070
buat perangkat virtual dan kemudian pilih telepon di sini dan Anda dapat memilih gambar yang Anda inginkan di sini untuk membuat perangkat

60
00:05:00,070 --> 00:05:01,340
berbeda dengan ukuran berbeda.

61
00:05:01,360 --> 00:05:06,310
Saya akan merekomendasikan pergi dengan yang Play Store terinstal, yang dapat membantu dengan menguji fitur tertentu yang mungkin

62
00:05:06,310 --> 00:05:08,430
kita butuhkan nanti tetapi secara umum, Anda dapat

63
00:05:08,440 --> 00:05:11,830
memilih gambar apa pun di sini yang Anda inginkan, saya akan pergi

64
00:05:11,860 --> 00:05:15,350
dengan pixel 2 di sini. Klik berikutnya, lalu pilih

65
00:05:15,490 --> 00:05:17,150
versi Android yang

66
00:05:17,170 --> 00:05:20,230
ingin Anda gunakan pada perangkat itu dan di

67
00:05:20,230 --> 00:05:22,500
sana, saya akan menggunakan yang stabil

68
00:05:22,510 --> 00:05:28,110
terbaru, jadi bukan yang beta, bukan Q dalam kasus saya tetapi yang stabil terbaru, Anda

69
00:05:28,120 --> 00:05:32,350
mungkin perlu mengunduhnya pertama, gambar ini, ini independen dari SDK yang

70
00:05:32,350 --> 00:05:38,730
Anda instal sedetik yang lalu, ini adalah gambar perangkat. Jadi pastikan Anda mengunduh stabil terbaru dan pilih

71
00:05:39,040 --> 00:05:40,420
setelahnya, klik next.

72
00:05:40,420 --> 00:05:42,600
Anda dapat meninggalkan pengaturan default di

73
00:05:42,610 --> 00:05:46,680
sini, Anda dapat terjun ke pengaturan lanjutan jika Anda benar-benar tahu apa

74
00:05:46,700 --> 00:05:51,520
yang Anda lakukan tetapi sebaliknya, Anda dapat meninggalkan default dan klik finish dan ini sekarang

75
00:05:51,610 --> 00:05:57,250
akan membuat emulator baru, dalam kasus saya yang satu ini di sini dan Anda dapat meluncurkan emulator

76
00:05:57,250 --> 00:06:04,200
dengan mengklik tombol putar hijau di sini dan ini sekarang akan memulai emulator di sini yang sekarang boot di sini dan

77
00:06:04,200 --> 00:06:09,180
setelah boot, Anda dapat menjalankan aplikasi expo Anda, aplikasi React Native Anda, pada emulator ini.

78
00:06:09,180 --> 00:06:10,530
Jadi mari kita tunggu ini

79
00:06:10,530 --> 00:06:17,420
selesai dan biarkan saya menunjukkan kepada Anda bagaimana cara meluncurkan aplikasi expo Anda pada emulator itu. Jadi emulator selesai booting dan sekarang Anda dapat meluncurkan

80
00:06:18,890 --> 00:06:25,640
aplikasi Anda di emulator ini hanya dengan pergi ke proyek Anda di mana Anda mungkin memiliki proses

81
00:06:25,640 --> 00:06:28,190
Anda masih berjalan, jika Anda

82
00:06:28,220 --> 00:06:33,020
berhenti, Anda cukup memulai ulang npm mulai dalam proyek expo Native expo Anda.

83
00:06:33,020 --> 00:06:39,930
Jadi itulah yang saya lakukan di sini dan sekali lagi memulai alat dev di browser di sini dan sekarang di sini di

84
00:06:39,930 --> 00:06:46,530
mana kami sebelumnya memindai kode QR ini, Anda dapat menekan jalankan di perangkat Android atau emulator dan jika Anda memiliki emulator

85
00:06:46,530 --> 00:06:51,870
dan berjalan, itu akan secara otomatis menjalankan aplikasi Anda di sana atau di terminal Anda di sini

86
00:06:51,870 --> 00:06:54,120
tempat Anda menjalankan proses mulai npm

87
00:06:54,120 --> 00:06:57,720
ini, Anda dapat menekan a untuk juga meluncurkan aplikasi Anda di emulator.

88
00:06:57,750 --> 00:06:58,950
Itulah yang baru

89
00:06:59,100 --> 00:07:02,850
saja saya lakukan, ini sekarang akan menginstal klien expo pada emulator secara

90
00:07:02,880 --> 00:07:07,750
otomatis, jadi Anda tidak perlu menginstal atau menginstal klien expo secara manual di sana, itu dilakukan untuk

91
00:07:07,830 --> 00:07:12,540
Anda dan setelah selesai dengan itu, itu membangun aplikasi Anda dan menjalankannya di perangkat Android itu.

92
00:07:12,570 --> 00:07:15,060
Jadi mari kita tunggu sampai ini

93
00:07:15,060 --> 00:07:21,610
selesai, ini dia, ini sedang boot dan ya klik oke di sini, Anda diminta apakah Anda

94
00:07:21,610 --> 00:07:29,800
ingin mengizinkan menampilkan aplikasi ini saat pertama kali meluncurkan ini. Aktifkan ini di sini, lalu kembali, pergi ke laci aplikasi di sini

95
00:07:29,800 --> 00:07:36,460
atau ke task manager dan kembali ke aplikasi Anda di sini dan sekarang di sini adalah peluncuran aplikasi pameran Anda, itu lagi

96
00:07:36,460 --> 00:07:42,490
membangun bundel Javascript di bagian bawah dan setelah selesai, itu akan meluncurkan aplikasi expo Anda di sini dan hanya itu

97
00:07:42,490 --> 00:07:48,240
membangun pertama membutuhkan waktu cukup lama, membangun kembali berikutnya dan memuat ulang panas seperti yang Anda lihat cukup cepat.

98
00:07:48,520 --> 00:07:55,960
Jadi mari kita tunggu sampai bangunan ini selesai dan sekarang selesai di sini dan di sini, kita melihat aplikasi kita. Ngomong-ngomong, ini bagus, kami pernah melihatnya di

99
00:07:55,960 --> 00:07:57,130
iPhone

100
00:07:57,130 --> 00:08:00,700
sebelumnya, setidaknya di sini di video.

101
00:08:00,700 --> 00:08:05,440
Sekarang ini dia berjalan di Android dan tombolnya adalah salah satu dari sedikit komponen React

102
00:08:05,470 --> 00:08:08,410
Native offers yang secara otomatis menyesuaikan tampilannya dengan platform,

103
00:08:08,410 --> 00:08:09,940
jadi itu cukup manis

104
00:08:09,940 --> 00:08:15,820
dan kami memiliki fungsi yang sama seperti sebelumnya dan ini memungkinkan kami untuk menguji ini, bukan hanya di

105
00:08:15,850 --> 00:08:17,560
perangkat nyata tetapi juga di

106
00:08:17,590 --> 00:08:23,020
simulator dan di sana Anda dapat mensimulasikan perangkat Android yang Anda inginkan, yang tentu saja sangat berguna.

107
00:08:23,020 --> 00:08:25,500
Jadi itulah aplikasi yang berjalan pada

108
00:08:25,510 --> 00:08:31,540
simulator Android dan sepanjang kursus ini, saya akan selalu menunjukkan bagaimana ini berjalan dan bekerja pada emulator Android.

109
00:08:31,540 --> 00:08:34,390
Sekarang mari kita selami menjalankan ini di iOS.