Apache Cordova (Sebelumnya dikenal sebagai PhoneGap) adalah kerangka kerja pengembangan seluler sumber terbuka dan gratis yang dapat digunakan untuk membangun aplikasi untuk perangkat seluler menggunakan CSS3, HTML5, dan JavaScript. Anda dapat membangun aplikasi seluler hybrid menggunakan HTML, CSS, dan JavaScript di platform Cordova yang akan digunakan di berbagai platform seluler seperti, iOS, Android, Windows. Cordova lebih cepat mengembangkan aplikasi hybrid daripada aplikasi asli, sehingga dapat menghemat waktu pengembangan Anda.
Dalam tutorial ini, kita akan belajar cara menginstal Cordova di Ubuntu 18.04 LTS (Bionic Beaver).
Persyaratan
- Server yang menjalankan Ubuntu 18.04 ke sistem Anda.
- Pengguna non-root dengan hak istimewa sudo.
Instal Node.js
Pertama, Anda perlu menginstal versi terbaru Node.js ke sistem Anda. Secara default, versi terbaru Node.js tidak tersedia di repositori default Ubuntu 18.04. Jadi, Anda perlu menambahkan PPA untuk node.js ke sistem Anda.
Anda dapat melakukannya dengan perintah berikut:
sudo apt-get install python-software-properties -y
curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
Setelah repositori terinstal, instal Node.js menggunakan perintah berikut:
sudo apt-get install nodejs -y
Instal Cordova
Sekarang, instal Cordova menggunakan perintah npm seperti di bawah ini:
sudo npm install -g cordova
Keluaran:
/usr/bin/cordova -> /usr/lib/node_modules/cordova/bin/cordova + [email protected] updated 1 package in 15.829s
Setelah Cordova diinstal, Anda dapat memeriksa versinya menggunakan perintah berikut:
cordova --version
Keluaran:
? May Cordova anonymously report usage statistics to improve the tool over time? Yes Thanks for opting into telemetry to help us improve cordova. 8.0.0
Buat Aplikasi Pertama Anda
Cordova sekarang terinstal, saatnya membuat aplikasi menggunakan Cordova.
Jalankan perintah berikut untuk membuat aplikasi pertama Anda dengan nama TestApp:
cordova create TestApp
Keluaran:
Creating a new cordova project.
Selanjutnya, ubah direktori ke TestApp dan tambahkan platform yang diperlukan di aplikasi Anda.
cd TestApp
cordova platform add android
Anda akan melihat output berikut:
Using cordova-fetch for [email protected]~7.0.0
Adding android project...
Creating Cordova project for the Android platform:
Path: platforms/android
Package: io.cordova.hellocordova
Name: HelloCordova
Activity: MainActivity
Android target: android-26
Subproject Path: CordovaLib
Subproject Path: app
Android project created with [email protected]
Android Studio project detected
Android Studio project detected
Discovered plugin "cordova-plugin-whitelist" in config.xml. Adding it to the project
Installing "cordova-plugin-whitelist" for android
This plugin is only applicable for versions of cordova-android greater than 4.0. If you have a previous platform version, you do *not* need this plugin since the whitelist will be built in.
Adding cordova-plugin-whitelist to package.json
Saved plugin info for "cordova-plugin-whitelist" to config.xml
--save flag or autosave detected
Saving [email protected]~7.0.0 into config.xml file ...
Selanjutnya, jalankan perintah berikut untuk membuat daftar platform yang diinstal dan tersedia untuk aplikasi Cordova.
cordova platform -ls
Keluaran:
Installed platforms: android 7.0.0 Available platforms: browser ~5.0.1 ios ~4.5.4 osx ~4.0.1 windows ~5.0.0 www ^3.12.0
Jika Anda ingin menghapus platform apa pun, Anda dapat menghapusnya hanya dengan menjalankan perintah berikut:
cordova platform remove android
Selanjutnya, Anda harus memenuhi semua persyaratan untuk lingkungan build Anda. Anda dapat melakukannya dengan menjalankan perintah berikut:
cordova requirements
Setelah semua dependensi yang diperlukan berhasil diinstal, jalankan perintah berikut untuk membangun aplikasi Anda:
cordova build android
Tautan
- Apache Cordova