Ingin membangun aplikasi iOS dan Android dengan satu basis kode? Capacitor CLI menyederhanakan prosesnya, memungkinkan Anda membuat aplikasi native menggunakan teknologi web. Berikut yang akan Anda pelajari:
- Pengaturan Cepat: Instal Capacitor CLI dan inisialisasi proyek Anda dalam hitungan menit
- Integrasi Platform: Tambahkan dukungan iOS dan Android dengan perintah sederhana
- Pembaruan Langsung: Gunakan Capgo untuk pembaruan instan melalui jaringan
- Perbaikan Umum: Atasi masalah seperti kesalahan sinkronisasi atau kegagalan build
Langkah-langkah Utama untuk Memulai:
- Instal Nodejs, npm, JDK, Xcode, dan Android Studio
- Jalankan
npm install @capacitor/core @capacitor/cli
dan inisialisasi proyek Anda - Tambahkan platform iOS dan Android menggunakan
npx cap add ios
dannpx cap add android
- Opsional: Siapkan Capgo untuk pembaruan aplikasi langsung
Panduan ini mencakup semua yang Anda butuhkan untuk mengatur Capacitor CLI, mengonfigurasi platform, dan mendeploy aplikasi Anda. Mari kita mulai!
Mengenal Capacitor Configure
[[HTML_TAG]][[HTML_TAG]]
Persyaratan Pengaturan
Untuk memulai, pastikan Anda telah menginstal alat-alat berikut:
- Nodejs (versi 14 atau lebih baru) dan npm
- Java JDK (versi 11 atau lebih baru)
- Xcode (versi 12 atau lebih baru untuk build iOS)
- Android Studio (untuk build Android)
- Capacitor CLI (versi 6 atau 7)
Opsional: Jika Anda ingin mengaktifkan pembaruan langsung, lihat “Panduan Pengaturan Capgo” di bawah ini
Langkah-langkah Instalasi CLI
Sebelum memulai, pastikan Anda telah menyiapkan Nodejs, npm, JDK, Xcode, dan Android Studio. Setelah siap, Anda dapat menginstal Capacitor CLI dengan menjalankan:
[[CODE_BLOCK]]
Perintah ini menginstal Capacitor dan menyiapkan komponen intinya
Setelah menyelesaikan langkah ini, lanjutkan ke Membuat Proyek Baru untuk membangun aplikasi Anda
Membuat Proyek Baru
Untuk memulai dengan proyek Anda menggunakan Capacitor CLI, ikuti langkah-langkah berikut:
[[CODE_BLOCK]]
Memperbarui File Konfigurasi
Edit file capacitorconfigjson
untuk menyertakan pengaturan berikut:
[[CODE_BLOCK]]
Setelah diperbarui, gunakan konfigurasi ini untuk menyiapkan Capacitor untuk proyek Anda
Pengaturan Platform
Sekarang setelah kerangka proyek selesai, saatnya menyiapkan target iOS dan Android
Menambahkan iOS dan Android
Mulai dengan menginstal paket-paket khusus platform yang diperlukan menggunakan Capacitor CLI:
[[CODE_BLOCK]]
Untuk iOS, pastikan Anda memiliki Xcode 14 atau lebih baru, CocoaPods 1.11 atau lebih baru, dan macOS 12 atau lebih tinggi. Untuk Android, Anda akan membutuhkan Android Studio Giraffe (2022.3.1+), JDK 17 atau lebih baru, dan Gradle 7.5 atau lebih tinggi
Setelah terinstal, Anda perlu menjaga target native Anda tetap diperbarui dengan perubahan pada aplikasi web Anda
Pembaruan Platform
Untuk menyinkronkan platform Anda dengan perubahan web terbaru, ikuti langkah-langkah ini setelah memperbarui aplikasi web Anda:
[[CODE_BLOCK]]
Perintah cap sync
menangani dua tugas:
- Menyalin aset web yang diperbarui ke platform native
- Memperbarui konfigurasi native dan plugin agar sesuai dengan perubahan terbaru
Pengaturan IDE
Buka proyek khusus platform di IDE yang sesuai:
[[CODE_BLOCK]]
Di Xcode:
- Pilih tim pengembangan Anda
- Siapkan sertifikat penandatanganan
- Perbarui pengidentifikasi bundle Anda
Di Android Studio:
- Modifikasi ID aplikasi di
buildgradle
- Konfigurasikan keystore untuk penandatanganan
- Siapkan varian build debug dan release
Ketika semuanya dikonfigurasi, build proyek menggunakan npx cap build ios
atau npx cap build android
. Jangan lupa untuk menjalankan npx cap sync
lagi untuk memastikan semua aset sudah diperbarui
Panduan Pengaturan Capgo
![Capgo](https://assetsseobotaicom/capgo