Cara membuat aplikasi android dengan cordova dan framework7 Part 1 - Instal cordova, create project with template framework7, run on browser

Print Friendly and PDF 0 Viewers

Cara membuat aplikasi android dengan cordova dan framework7 Part 1 - Selamat pagi, kali ini penulis akan mendokumentasikan proses dalam membuat aplikasi menggunakan cordova dan framework7. Dengan menggunakan pengetahuan dalam frontend development kita dapat membangun sebuah aplikasi android dengan teknologi hybrid yang ada dalam cordova. Hayu langsung saja kita mulai.

Pertama kita perlu menginstal cordova dan framework7 secara global. Disni saya menggunakan gitbash

  • npm install -g cordova
  • npm install -g framework7-cli

Selanjutkan kita akan menggunakan template untuk membuat projectnya. Langsung kita ketika perintah untuk membuat starter template project cordova x framework7

  • cordova create <nama folder> [id aplikasi] [nama aplikasi] --template cordova-template-framework7-vue-webpack

Silakan tentukan nama folder, id aplikasi dan nama aplikasi sendiri. Masukan dalam tanda petik jika terdapat karakter spasi dalam penamaan. Sebagai contoh saya menuliskannya seperti dibawah ini

  • cordova create 'Udemy Coupon 27' com.AImDev.UdemyCoupon27 'Udemy Coupon 27' --template cordova-template-framework7-vue-webpack

Setelah berhasil dibuat, sekarang kita akan masuk kedalam direktori projek nya. 

  • cd Udemy\ Coupon\ 27/

Dalam direktoru tersebut kita akan membuat platform browser agar bisa dijalankan dibrowser karena dalam pengembangannya tidak mungkin akan langsung kita jalankan dalam emulator terlebih jika laptopmu kentang. aepi sebelumnya kita perlu melakukan npm install agar kebutuhan package dalam template terpenuhi juga dalam direktori tempat kita membuat projeknya.

  • npm i
  • cordova platform add browser

Tambahkan kode dibawah ini dalam file package.json


sekarang projek yang telah anda buat sudah bisa di jalankan dalam browser. Dari sinilah proses development akan dimulai.

sumber : 

https://www.petanikode.com/cordova/
https://medium.com/js-dojo/build-an-e-commerce-mobile-app-with-framework7-vue-vuex-and-cordova-7cf385de015d

Baca Juga ya


BAGIKAN
Previous
Next Post »
0 Komentar