Jadi kami melihat bagaimana kami dapat membangun dan menggunakan aplikasi dengan expo di alur kerja yang dikelola yang cukup nyaman.
Sekarang katakanlah kita memiliki aplikasi misalnya dibangun dengan React Native CLI. Di sini saya tidak menggunakan modul asli tetapi
jika saya, tentu saja saya akan memperbarui file konfigurasi Android dan iOS saya untuk meminta izin
yang tepat dan seterusnya dan saya menunjukkan semua itu dalam modul non-expo di awal kursus.
.
Jadi sekarang katakanlah kita senang dengan aplikasi dan kami ingin menerbitkannya ke Apple App Store
dan Google Play Store.
Sekarang dokumen resmi React Native adalah tempat yang bagus untuk memulai dengan itu, di sana dalam dokumentasi di bawah
panduan, Anda juga menemukan ini berjalan pada panduan perangkat di mana Anda dapat belajar bagaimana Anda membangun aplikasi untuk iOS atau Android di
berbagai sistem operasi yang Anda gunakan. mungkin sedang bekerja. Penting, Anda hanya dapat membangun untuk iOS di
macOS sekarang, Linux dan Windows tidak berfungsi karena sekarang kami tidak membangun aplikasi di cloud seperti yang
kami lakukan dengan expo tetapi secara lokal di mesin kami dan di sana, Apple memiliki batasan ini bahwa Anda hanya
dapat membangun aplikasi iOS di Mac, seperti
apa adanya.
Jadi sekarang yang Anda butuhkan sekarang adalah akun pengembang apel, saat ini belum tentu yang berbayar, cukup buat aplikasi, tetapi jika
Anda
ingin membuatnya, untuk toko aplikasi Anda memerlukan yang berbayar seperti yang
disebutkan sebelumnya dalam modul ini. Jadi, Anda harus mengatur
akun Pengembang Apple dan kemudian buka proyek Anda di sini, proyek iOS Anda agar tepat dengan Xcode.
Di sana Anda dapat mengklik buka proyek lain, masuk ke folder proyek Anda, di sana ke folder iOS dan di sana
pilih folder ruang kerja XC ini atau file di sini untuk membuka ini dengan Xcode.
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
aplikasi ini, di mana Anda mengatur pengenal Anda misalnya, itulah URL terbalik
yang saya bicarakan yang bisa jadi com. akademi. rn-no expo test, sesuatu seperti ini, di mana
Anda menetapkan nomor versi yang akan dilihat pengguna Anda dan nomor build Anda yang bisa
menjadi angka yang Anda tambahkan di sini, di mana Anda harus memilih secara
otomatis mengelola penandatanganan dan di mana Anda sekarang harus memilih tim yang akan ditampilkan di sini, jika tidak menambahkan akun
dan di sana, masuk dengan ID Apple Anda untuk menambahkan akun pengembang apel Anda sebagai akun di
sini dan setelahnya, Anda harus dapat memilih tim Anda di sini yang akan diperlukan
untuk secara otomatis
menandatangani aplikasi yang kemudian akan dilakukan oleh Apple. Secara umum Anda dapat mengonfigurasi aplikasi Anda di sini dan mempersiapkannya untuk penerapan dan
satu konfigurasi penting tentu saja terkait dengan ikon yang ingin Anda gunakan. Dalam expo, kami mengatur ikon
dengan nyaman dalam konfigurasi dan expo menghasilkan semua ikon untuk kami.
Sekarang tidak akan berfungsi seperti
ini, sekarang Anda perlu mengatur ikon ini sendiri dan Anda melakukannya dengan mengklik panah ini di sini yang akan membawa
Anda ke katalog aset dan di sana Anda sekarang dapat memberikan ikon dan Anda perlu memberikan ikon dalam berbagai
ukuran di sini seperti yang Anda tahu.
Sekarang jelas itu adalah hal yang mudah dilakukan oleh expo, itu
memang membuat ikon ini untuk Anda dan Anda tidak harus secara manual membuat semua ikon ini. Terlampir namun Anda
menemukan ikon. File zip yang berisi ikon dapat
Anda seret dan jatuhkan di sini, jadi itulah yang akan saya lakukan sekarang dan ikon diberi label sedemikian rupa sehingga harus
jelas apa yang harus Anda seret ke mana dan dengan itu, Anda dapat mengatur ikon-ikon tersebut.
Anda juga mungkin ingin mengkonfigurasi layar peluncuran, untuk itu Anda dapat memperluas folder ini
dan di sana Anda menemukan file zip layar peluncuran ini. Ini pada akhirnya memungkinkan Anda untuk menyesuaikan layar peluncuran Anda,
di sana Anda dapat menambahkan widget baru untuk itu, menyeret gambar ke dalamnya, mengubah teks, Anda lihat di sini
misalnya dan mengkonfigurasi layar peluncuran secara umum. Anda dapat mempelajari lebih lanjut tentang hal ini di dokumen Xcode
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
dengan memilih versi simulator, lalu mengklik tombol putar di sini dan ini sekarang akan membangun aplikasi
Anda dan menjalankannya di simulator dan setelah itu tentu saja, kami juga dapat membangunnya untuk penyebaran.
Mari kita lihat apakah ini sekarang semua berfungsi, ia meluncurkan proses bundler yang sudah Anda lihat sebelumnya untuk aplikasi
mandiri ini karena tentu saja itu masih bagian dari pengalaman pengembangan di sini.
Ini masih aplikasi React Native setelah semua yang Anda gunakan untuk membangun aplikasi asli ini dan sekarang ini berhasil dan
meluncurkan aplikasi pada simulator.
Sekarang saya tidak terlalu tertarik dengan aplikasi di sana karena saya hanya punya aplikasi yang sangat mendasar
di sana yang tidak melakukan apa-apa tetapi ini membuktikan bahwa membangun berfungsi.
Sekarang di dokumen resmi jika Anda menggulir lebih jauh lagi masih berjalan di bagian perangkat ini,
Anda juga belajar cara membuat aplikasi untuk
produksi jika itu adalah aplikasi non-pameran dan di sana, kami sekarang memiliki dua hal penting yang harus dilakukan.
Hal penting pertama adalah bahwa dalam tampilan proyek kami di sini, dengan mengklik pada folder ini dan kemudian
pada ikon ini di sini, Anda perluas folder ini dan kemudian pergi ke info. Plist dan sekarang di sana, Anda akan menemukan kunci pengaturan
keamanan transportasi aplikasi ini.
Jenis kontrol ini mengontrol bagaimana iOS mengontrol halaman web atau server web mana aplikasi Anda dapat berbicara
dan secara default, itu hanya memungkinkan akses ke server https, sehingga server SSL aman.
Itu default yang bagus tetapi Anda mungkin memiliki beberapa pengecualian yang
dapat Anda tambahkan di sini dan satu pengecualian dalam daftar domain pengecualian adalah localhost.
Sekarang itu diperlukan untuk pengembangan karena aplikasi Bereaksi Asli Anda pada akhirnya berbicara dengan server pengembangan
ini di sini yang berjalan di localhost
Anda yang tidak menggunakan SSL. Biasanya iOS akan memblokir ini, sekarang
untuk tidak memblokirnya, ini ada dalam daftar pengecualian. Untuk membuat ini untuk produksi, Anda harus menghapus ini,
Anda bisa menghapus
kunci ini di sini dengan menghapusnya dengan tombol hapus dan hanya itu. Itu satu hal yang harus Anda konfigurasi untuk
penyebaran dan kemudian Anda perlu mengkonfigurasi skema rilis seperti itu. Untuk itu, Anda akan pergi ke skema
produk, mengedit skema dan mengatur ini dari debug untuk rilis di sini untuk dijalankan dan kemudian tutup ini.
Dengan itu, Anda sekarang dapat menjalankan pembuatan produk di sini untuk membangun aplikasi Anda dan
sekarang ini dibangun untuk rilis, dibangun untuk produksi, jadi itu dioptimalkan dan seterusnya.
Jadi ini membangun aplikasi Anda sekarang untuk produksi.
Sekarang sementara build ini
berjalan, mari kita pastikan kita juga dapat mengunggahnya ke Apple App
Store dan untuk ini, Anda harus pergi ke akun Pengembang Apple Anda dan di sini Anda sekarang pasti membutuhkan akun
berbayar dan di sana, Anda sekarang perlu menyiapkan beberapa barang. Anda harus pergi ke sertifikat, ID dan profil
di sini dan pergi ke pengidentifikasi dan kemudian di sini
menambahkan ID aplikasi baru, hanya ini di sini, pengaturan pertama, tambahkan ID
aplikasi dan Anda perlu menambahkan ID aplikasi yang diatur di Anda proyek, jadi ID aplikasi, pengidentifikasi bundel yang
Anda temukan di sini, pengidentifikasi yang tepat perlu ditambahkan di sini. Anda dapat menambahkan deskripsi, rn-demo, apa pun
yang Anda inginkan, tetapi di sini Anda perlu menambahkan ID ini. Sekarang Anda dapat memeriksa kemampuan khusus yang dibutuhkan aplikasi Anda yang
mana aplikasi saya tidak, jadi saya tidak perlu
memeriksa apa pun di sana dan kemudian saya dapat melanjutkan, konfirmasikan ini dan mendaftar.
Sekarang ini
diperlukan, jika tidak, Anda tidak akan dapat mempublikasikan aplikasi Anda.
Sekarang dengan ID yang terdaftar, Anda harus pergi ke iTunes Connect dan Anda dapat dengan
mudah google untuk apa yang pada akhirnya layanan di mana Anda membuat halaman
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
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
yang mana dari tentu saja adalah
nama yang indah yang tidak ingin Anda gunakan tetapi bagus
untuk kami di sini, lalu pilih bahasa tempat Anda membangun aplikasi, pilih bundel ID dan di sana, pilih ID yang baru
saja Anda atur, jika
itu belum muncul, kembalilah beberapa menit kemudian akan ada di sana. Anda kemudian dapat menambahkan pengenal kustom Anda
sendiri yang pada dasarnya akan muncul pada faktur Anda dan seterusnya, RNNoExpo, apa pun yang Anda
inginkan dan klik create dan ini sekarang membuat aplikasi di sini di iTunes Connect.
Ini juga tempat Anda dapat mengelola aplikasi untuk App Store dan mengaturnya, mengatur harganya,
dan sebagainya.
Sekarang dengan semua itu selesai, mari kita tunggu build kita selesai di sini dan jika gagal seperti yang terjadi pada
saya, alasannya adalah Anda perlu mengatur ini ke perangkat iOS umum, jadi pastikan Anda memiliki set ini.
Pastikan juga untuk menambahkan pada tes RNWithoutExpo ini, Anda pilih tim pengembangan Anda, itu kesalahan lain yang
saya dapatkan di sini.
Jika Anda masih mendapatkan kesalahan seperti yang saya lakukan, tekan perintah 1 di sini di Xcode, klik membangun pengaturan di sini dengan semua
hal ini dipilih seperti yang Anda
lihat di sini, di bagian tautan yang akan Anda temukan jika Anda gulir ke bawah sedikit dan
di bagian kode stripping di sini, di bawah rilis, atur ini dari ya menjadi tidak.
Ini adalah solusi untuk kesalahan ini yang tampaknya terkait dengan tes otomatis yang telah diatur
dan setelah Anda melakukan ini, coba ini lagi, jalankan build sekali lagi dan sekarang ini akan berhasil. Setelah bangunan ini berhasil, Anda dapat
kembali ke produk dan sekarang opsi arsip tersedia.
Jika sekarang Anda menjalankan ini, arsipkan aplikasi Anda yang tidak lain adalah membangun bundel yang sebelumnya dibangun
di server cloud expo, jadi mari kita
tunggu sampai selesai.
Setelah ini
selesai, Anda akan melihat arsip atau arsip Anda jika Anda sedang dalam proses lebih dari sekali di sini dan
sekarang di sini Anda bisa mendistribusikan aplikasi Anda ke App Store dengan konfigurasi yang dibuat di iTunes Connect
dan sebagainya yang saya tunjukkan sebelumnya.
Sekarang saya tidak akan melakukan ini di sini, tetapi ini adalah bagaimana Anda akan menggunakan aplikasi Hanya Bereaksi Asli Anda tanpa terkelola expo.