1 00:00:02,580 --> 00:00:05,010 Sekarang Anda belajar bagaimana Anda bisa membangun aplikasi 2 00:00:05,010 --> 00:00:06,840 untuk iOS, bagaimana dengan Android? 3 00:00:06,840 --> 00:00:09,870 Sekali lagi dan dokumen Bereaksi Asli resmi, di 4 00:00:09,870 --> 00:00:14,310 bawah panduan, Android, Anda menemukan petunjuk tentang cara mempublikasikan aplikasi Anda ke Google Play 5 00:00:14,310 --> 00:00:18,720 Store dan pada akhirnya, Anda bisa mengikuti petunjuk yang Anda temukan di sini. 6 00:00:18,730 --> 00:00:23,890 Semuanya dimulai dengan membuat keystore seperti yang telah saya sebutkan dalam alur kerja yang dikelola expo tetapi ada 7 00:00:23,920 --> 00:00:27,100 expo yang melakukannya untuk kita di server mereka, di sini kita 8 00:00:27,130 --> 00:00:33,220 perlu melakukan itu dan kita dapat melakukan ini di dalam proyek kita atau pada Windows seperti yang dikatakan di sini , pastikan 9 00:00:33,220 --> 00:00:38,740 untuk menjalankan perintah ini saat menavigasi di folder ini. Anda dapat menyalin keystore Anda ke proyek Anda 10 00:00:38,740 --> 00:00:41,140 sesudahnya atau menyimpannya di tempat lain. 11 00:00:41,140 --> 00:00:45,820 Anda akan memerlukan keystore yang dihasilkan untuk menandatangani aplikasi Anda dan untuk menandatangani pembaruan ke aplikasi, jadi 12 00:00:45,820 --> 00:00:46,220 pastikan 13 00:00:46,300 --> 00:00:47,710 Anda tidak kehilangan itu 14 00:00:47,740 --> 00:00:51,730 jika tidak Anda tidak akan dapat membangun kembali aplikasi Anda atau memperbarui aplikasi Anda. 15 00:00:51,760 --> 00:00:57,370 Jadi di sini, Anda dapat memasukkan kata sandi sewenang-wenang apa yang ingin Anda pilih dan kemudian 16 00:00:57,370 --> 00:01:03,970 beberapa informasi tentang Anda yang secara teknis bisa salah tetapi jenis yang benar karena ini adalah pengenal Anda dengan 17 00:01:03,970 --> 00:01:08,780 contoh, karena ini digunakan untuk menetapkan aplikasi Anda di akhiri dan setelah Anda memasukkan 18 00:01:08,780 --> 00:01:15,820 semua ini dan mengonfirmasinya dan Anda memilih kata sandi Anda, ini sekarang membuat ini file keystore kunci unggahan saya di 19 00:01:15,820 --> 00:01:23,950 sini dan sekarang Anda dapat menggunakannya untuk menandatangani aplikasi Anda. Selanjutnya Anda perlu mengatur beberapa variabel gradle seperti yang Anda 20 00:01:23,950 --> 00:01:29,900 lihat di sini dan untuk itu pastikan Anda memindahkan penyimpanan kunci ke folder aplikasi Android, 21 00:01:29,960 --> 00:01:30,670 jadi 22 00:01:30,680 --> 00:01:37,910 dari folder ini di sini, pindahkan ke Android dan ke sana ke folder aplikasi sehingga file tersebut ada di 23 00:01:39,740 --> 00:01:49,300 sana dan kemudian pergi ke file properti gradle, file properti gradle Android. Jadi di sini, di Android kami memiliki file properti gradle 24 00:01:49,300 --> 00:01:53,200 dan di sana, Anda dapat menambahkan entri ini 25 00:01:56,570 --> 00:02:04,330 dan seperti yang dikatakan di sana, ganti bintang-bintang di sini dengan kata sandi yang Anda pilih 26 00:02:04,330 --> 00:02:05,620 untuk keystore. 27 00:02:05,890 --> 00:02:09,250 Setelah Anda melakukannya, Anda dapat menutup file itu, Anda harus pergi 28 00:02:09,470 --> 00:02:15,140 ke aplikasi Android membangun file gradle, jadi jangan membangun gradle di sini tetapi di folder aplikasi dan di sana file 29 00:02:15,170 --> 00:02:23,710 build gradle dan tambahkan konfigurasi ini di simpul Android seperti yang Anda lihat . Jadi Anda bisa menyalin ini dan kemudian di sini, 30 00:02:23,710 --> 00:02:31,980 cari simpul Android yang merupakan simpul ini, di sana Anda mendapat konfigurasi default apa yang tidak boleh 31 00:02:34,810 --> 00:02:38,260 Anda sentuh tetapi Anda mendapatkan konfigurasi tanda 32 00:02:39,740 --> 00:02:47,270 di mana Anda pada akhirnya harus menambahkan bagian rilis ini, jadi jangan hapus bagian debug tetapi 33 00:02:47,720 --> 00:02:54,600 tambahkan bagian rilis ini dan kemudian di bawah rilis tipe build, tambahkan baris ini 34 00:02:54,600 --> 00:02:56,280 di sini. 35 00:02:56,640 --> 00:03:04,720 Jadi jika kita gulir lebih jauh, buat rilis jenis, di sana kita dapat menambahkan baris ini, menandatangani rilis konfigurasi dan sekarang Anda 36 00:03:04,720 --> 00:03:09,390 dapat menghasilkan APK Anda dengan perintah ini, jadi dengan menavigasi ke folder Android 37 00:03:09,390 --> 00:03:14,230 dan kemudian dengan menjalankan perintah ini. Jadi mari kita lakukan itu, pertama-tama mari 38 00:03:14,230 --> 00:03:19,350 kita menavigasi ke folder Android di sini dengan cd android dan kemudian jalankan perintah gradle w 39 00:03:19,360 --> 00:03:20,800 ini dan ini sekarang 40 00:03:20,800 --> 00:03:26,170 harus membangun aplikasi Anda dan menandatanganinya untuk produksi dan memberi Anda bundel aplikasi seperti pada akhirnya yang 41 00:03:27,180 --> 00:03:29,660 Anda bisa kemudian unggah ke Google Play Store. 42 00:03:29,670 --> 00:03:36,160 Jadi mari kita tunggu sampai selesai dan setelah build ini berhasil, Anda benar-benar dapat mengambil bundel aplikasi yang sekarang 43 00:03:36,280 --> 00:03:39,850 Anda temukan di bawah bundel keluaran yang dihasilkan app 44 00:03:43,310 --> 00:03:49,910 build, file ini di sini, itu bundel rilis Anda, itulah yang dapat Anda unggah ke Google Play Store . 45 00:03:50,770 --> 00:03:55,640 Untuk itu, Anda dapat mencari konsol Google Play dan Anda memerlukan akun 46 00:03:55,700 --> 00:03:56,740 Pengembang Google 47 00:03:56,750 --> 00:04:04,670 untuk yang juga memerlukan biaya tetapi tidak seperti program Apple, itu bukan berlangganan, itu adalah biaya satu kali sebesar $ 48 00:04:04,670 --> 00:04:09,530 25 dan di sini di konsol Google Play, Anda sekarang dapat membuat 49 00:04:09,530 --> 00:04:18,540 aplikasi baru setelah Anda masuk dengan akun berbayar Anda, pilih nama aplikasi seperti ini, buatlah dan kemudian di sini Anda dapat mengelola seluruh 50 00:04:18,540 --> 00:04:22,410 tampilan toko Anda atau seluruh aplikasi seperti apa dan 51 00:04:25,100 --> 00:04:33,070 di bawah rilis aplikasi, ada Anda dapat mengklik trek produksi, mengelola produksi, membuat rilis di sana dan sekarang di sini 52 00:04:33,070 --> 00:04:38,050 Anda perlu mengunggah bundel aplikasi Anda. Sekarang Anda dapat mengklik lanjutkan di sini dengan 53 00:04:38,050 --> 00:04:43,420 pengaturan default secara normal tetapi secara umum, saya akan merekomendasikan Anda untuk masuk ke Google Play Store atau dokumentasi 54 00:04:43,730 --> 00:04:49,090 konsol Google Play untuk mempelajari semua hal yang dapat Anda atur di sini tetapi pada akhirnya, ini sekarang tempat 55 00:04:49,090 --> 00:04:51,270 Anda dapat mengunggah bundel yang Anda buat. 56 00:04:51,400 --> 00:04:57,130 Jadi di sini, Anda akan mengunggah file bundel ini dan setelah itu, Anda dapat menyelesaikan tampilan toko Anda dan Anda 57 00:04:57,130 --> 00:04:59,940 dapat menerbitkan aplikasi Anda di Google Play Store juga. 58 00:05:01,830 --> 00:05:06,600 Sekarang tentu saja Anda mungkin bertanya-tanya, bagaimana Anda menambahkan ikon dan sebagainya karena saya belum menyentuh ini? 59 00:05:07,180 --> 00:05:11,160 Cara yang mudah dan mudah untuk melakukannya adalah dengan bantuan Android Studio. 60 00:05:11,160 --> 00:05:17,610 Di sana, Anda dapat membuka proyek Android Studio yang ada dan membuka folder Android Anda di proyek React Native Anda di sini 61 00:05:17,610 --> 00:05:24,440 dengan Android Studio, hanya folder Android, bukan keseluruhan proyek React Native. Di sana, Anda akan menemukan bagian Android 62 00:05:24,440 --> 00:05:32,980 Anda dari proyek ini dan di sini untuk menambahkan ikon, Anda dapat pergi ke folder aplikasi, sumber, utama, res 63 00:05:33,490 --> 00:05:37,410 dan di sana menunggu inisialisasi ini dan membangun 64 00:05:37,580 --> 00:05:45,410 untuk menyelesaikan yang dimulai setelah Anda membuka ini dan setelah inisialisasi ini selesai, dalam folder aplikasi itu 65 00:05:45,410 --> 00:05:52,330 jika Anda mengklik folder res, klik kanan padanya, Anda dapat memilih yang baru dan di 66 00:05:52,370 --> 00:06:00,290 sana, aset gambar dan ini membuka editor di mana Anda dapat dengan mudah menambah dan menghasilkan aset 67 00:06:00,380 --> 00:06:06,420 gambar baru, baru ikon misalnya. Di sana Anda dapat memilih meluncurkan ikon Anda, adaptif dan warisan dan 68 00:06:06,420 --> 00:06:08,490 sekarang apa yang dapat Anda lakukan, Anda dapat 69 00:06:08,580 --> 00:06:14,580 meninggalkan namanya, Anda dapat mengatur ikon Anda, Anda dapat mengkonfigurasinya di sana. Anda dapat memilih lapisan latar depan 70 00:06:14,580 --> 00:06:23,050 dan di sana, Anda dapat misalnya memilih jalur gambar yang ingin Anda gunakan, lapisan latar belakang di mana Anda dapat 71 00:06:23,050 --> 00:06:29,050 mengatur warna solid atau juga gambar yang ingin Anda gunakan di latar belakang dan 72 00:06:29,050 --> 00:06:35,170 kemudian menghasilkan Anda ikon dengan alat itu. Cukup klik selesai dan tentu saja berikan gambar Anda sendiri di sana jika Anda 73 00:06:35,170 --> 00:06:42,720 mau dan itu akan mengatur segalanya bagi Anda untuk memiliki ikon yang bagus yang tentu saja cukup manis. Sekarang tentang bagaimana menyesuaikan layar splash, terlampir Anda 74 00:06:42,720 --> 00:06:48,470 menemukan beberapa dokumentasi tentang bagaimana Anda dapat melakukan ini di Android untuk 75 00:06:48,470 --> 00:06:53,630 mengatur layar splash Anda sendiri. Tentu saja setiap kali Anda mengubah ikon 76 00:06:53,640 --> 00:07:00,150 dan / atau splash screen Anda, Anda harus menjalankan kembali build ini dengan perintah gradle w dan kemudian juga menggunakan kembali 77 00:07:00,180 --> 00:07:05,400 bundel aplikasi baru Anda ke Google Play Store dengan konsol Google Play dan dengan itu, ini 78 00:07:05,400 --> 00:07:12,030 adalah bagaimana Anda akan membangun dan menggunakan aplikasi React Native only. Tentu saja pekerjaan manual sedikit lebih, sedikit lebih rumit daripada dalam alur 79 00:07:12,030 --> 00:07:17,970 kerja yang dikelola expo tapi sekarang Anda tahu kedua opsi dan Anda dapat pergi untuk pendekatan apa pun yang Anda butuhkan untuk 80 00:07:17,970 --> 00:07:18,870 aplikasi Anda.