Mode Gelap

Recent in Fashion

Best Seller Books

Membuat Aplikasi Android Berbasis Html 5 Dengan Cordova


Pembuatan pelaksanaan android, tidak hanya sanggup dilakukandengan android Studio atau dengan bahasa Java dan Kotlin saja.

Kita jua mampu memanfaatkan bahasa web misalnya HTML,CSS, dan Javascript.

Ini mampu dilakukan berkat donasi Cordova..

Buat kamu yg memiliki laptop menggunakan spek “kentang”,ini mungkin sanggup jadi cara lain .

Jadi, apa itu Cordova dan bagaimana cara menggunakannya?

Mari kita bahas…Apa itu Cordova?

Cordova merupakan sebuah framework untuk menciptakan pelaksanaan mobile.Berkat cordova, kita jadi sanggup menciptakan aplikasi mobiledengan bahasa HTML, CSS, dan Javascript.

Hasilnya sanggup kita compile ke platform yg diinginkan,seperti Android, Windows Phone, & iOS.

Cordova dulunya bernama PhoneGap & awalnya dibuat olehperusahaan bernama Nitobi. Lalu di tahun 2011,Adobe membeli perusahaan tadi. 1

Tapi Adobe menyerahkan pengembangan Cordovakepada Apache Software Foundation.

Nasip Cordova sekarang dikelolah sang Apache,makannya namanya Apache Cordova.

Apa bedanya Cordova denganIonic?

Cordova hanya penekanan pada pelaksanaan mobilesaja, sedangkan Ionic bisa di-compileke Desktop & Web.

Ionic pula akan memakai Cordovauntuk compile ke Mobile.Arsitektur Aplikasi Cordova

HTML, CSS, & Javascript memangbahasa yg spesifik buat menciptakan web.

Tapi berkat Cordova, bahasa itu bisakita pakai buat menciptakan aplikasi mobile.

Lalu bagaimana sih Cordova bisamembuatnya menjadi aplikasi mobile?

Berikut ini arsitekturnya…

Kode aplikasi kita akan berada pada Web App,kemudian si Cordova akan menampilkannya melalui WebView.

Cordova juga menyediakan Native APIseperti Camera, Geolocation, Device, dll.yg mampu kita pakai dalam aplikasi.Persiapan buat Belajar Cordova

Ada beberapa indera yg harus kamu persiapkanuntuk memulai belajar Cordova.

Apa saja itu?1. Teks Editor & Web Browser

Teks editor akan kita pakai buat menuliskode aplikasi dan web browser akan digunakanuntuk melihat hasilnya.

Kamu bisa pakai teks editordan web browser apapun.

Rekomendasi aku:Untukteks editor pakai VS CodeUntuk web browser gunakan Google Chrome atau Firefox.dua. Instal Nodejs & NPM

Pastikan di komputermu sudah tersintal Nodejs & NPM,karena ini akan kita gunakan buat menginstal Cordova.

Silahkan instal nodejs terlebih dahulu.

Caranya, ketik perintah berikut pada terminal:sudo apt install -y nodejs

Untuk pengguna Windows, silahkandownload Nodejsdi website resminya kemudian tinggal diinstal saja.

Setelah itu coba periksa versi Nodejs dan NPM yg terinstal.

NPM akan ikut terinsal secara otomatis ketika kita menginstal Nodejs.Jadi engkautidak perlu mengisntalnya.3. Instal Cordova

Setelah kamu menginstal Nodejs, kinikitaharus menginstal Cordova.

Caranya, ketik perintah berikut di terminalatau CMD.[sudo] npm install -g cordova

Gunakan sudo bila engkaupada Linux & menginstal Nodejs dalam root

Tungulah hingga prosesnya selesai.

Setelah itu, periksa versi yg terinstaldengan perintah:

Di komputer gw telah terinstal Codova versi 8.1.dua.

Jika kamu ingin update ke versi terkini,relatif ketik perintah berikut:[sudo] npm update -g cordova

Atau bisa pula menginstal versi eksklusif secaraspesifik misalnya ini:4. Instal JDK

JDK (Java Development Kit) kita butuhkanuntuk menciptakan pelaksanaan Android.

Silahkan install JDK dengan perintah berikut:sudo apt-get install -y openjdk-8-jdk

Tunggulah hingga prosesnya terselesaikan.

..buat memeriksa versi Java atau JDK yg terinstal.

Pada komputer gw, telah terinstal JDK versi 8.

Selanjutnya, kita wajibmembuat variabel environtmentbernama JAVA_HOME menggunakan isi alamat path dari JDKyang telah terinstal.

Biasanya akan terinstal pada C:\Program Filesdan pada Linux akan terinstal pada/usr/lib/jvm/java-8-openjdk-amd64/.

Kemudian masukkan kodeberikut:export JAVA_HOME=/usr/lib/jvm/java-8-openjdk-amd64/export PATH=$PATH:$JAVA_HOME/bin/5. Instal Gradle

Gradle akan digunakan buat buildaplikasi Android menjadi APK.

Gradle umumnya akan ditanam (embed)pula pada dalam project.

Tapi untuk jaga-jaga,engkaubisa menginstalnyadengan perintah:

Untuk gradle versi terkini,engkausanggup instal dengan SDKman.6. Install Android SDK

Android SDK diharapkan untukmembuat aplikasi Android.

Android SDK menyediakan toolsdan barah yg bisa dimanfaatkandalam pembuatan aplikasi.

Cara instal Android SDK,silahkan baca di:“Cara Install Android SDK pada Linux”7. Install Android Studio

Android Studio diperlukan buat menciptakan emulator.Lantaran Android SDK versi terkini sudah nir mendukungpembuatan emulator berdasarkan luar Android Studio.

Bisa saja sih sebenarnya menggunakan Command Line,tapi permanen nanti akan butuh Android Studio juga.

Karena itu, install saja Android Studio-nya..meskipun kita tidak akan membukanya.

Cara install Android Studio, silahkanbaca di:Cara Install Android Studio di LinuxMembuat Aplikasi Cordova Pertama

Semua peralatan kinisudah siap.

Berikutnya kita bisa mulai menciptakan aplikasi.

Mari kita buat proyek baru,silahkan ketik perintah berikut:cordova create AplikasiCordova

Perintah ini akan membuat folder baru bernamaAplikasiCordova yg berisi source codedari aplikasi.

Sekarang coba buka folder tersebut melaluiteks editor Visual Studio Code.

Penjelasan tentang file dan folder aplikasi Cordova:📁 hooks merupakan folder yg berisi script buat dihukum waktu kita menjalankan perintah cordova.📁 node_modules berisi library atau modul Nodejs.📁 platform berisi source code buat platform misalnya android, ios, & web;📁 plugins berisi plugin yang diharapkan buat akses API;📁 www berisi source code dari pelaksanaan, pada sini lah kita akan menulis kode.📄 config.xml berisi konfigurasi menurut aplikasi📄 package-lock.json berisi warta versi modul nodejs yg dibutuhkan📄 package.json berisi warta proyek & versi modul nodejs yang dibutuhkanRun pada Browser

Sekarang coba buka terminal menurut VS Code, tekan Ctrl+` (backtik),lalu ketik perintah berikut:# menambahkan platform browsercordova platform add browser# menjalankan aplikasi di browsercordova run browser

Tunggulah sampai browsr terbuka…

Kerenn 😍Membuat APK berdasarkan Aplikasi Cordova

Lantaran JDK, Gradle, & Android SDKsudah kita siapkan.. maka kita bisamembuat APK dan jua menjalankannyadi emulator.

Tapi sebelum itu kita harus tambahkandulu platformnya.

Silahkan ketik perintah:cordova platform add android

Kemudian, jika ingin menjalankandi emulator ketik perintah:

Catatan: Pastikan engkautelah menciptakan android emulator di AVD manageratau bisa juga memakai HP fisik.

Lalu bila ingin membuat file APK-nya,kita bisa ketik:cordova build android --release

Atau bila ingin buat APK untukdipublish ke Playstore, ketik:cordova build android --release -- --keystore="..\android.keystore" --storePassword=android --alias=mykey

Oh iya, arsip APK ini sanggup kamu temukan di dalam folder 📁platforms/android/app/build/aoutputs/apk/.Apa Selanjutnya?

“Membuat aplikasi menggunakan HTML lima akan permanen butuh JDK, Gradle, Android SDK,& Android Studio untuk compile ke APK”

Selanjutnya kamu sanggup oprek sendirikode-kodenya.

apabila ingin membuat tampilan UI yg miripseperti pelaksanaan native, kamu bisa manfaatkanFramework7 & jugaMaterialize CSS.

Subscribe Our Newsletter

avatar
"Hidupku tertutup, terbukanya pas mandi aja."

Related Posts

0 Comment

Posting Komentar

Article Top Ads

Parallax Ads

Article Center Ads

Article Bottom Ads