Build APK Secara Lokal – Instalasi Cordova dan Pembuatan Project

Setelah berhasil menginstal Node.js, kita akan bermain-main sedikit dengan console/command prompt. Mengapa? Karena kita akan menggunakan aplikasi/tool yang bernama Cordova CLI (command line interface) intinya sih kita ga akan banyak klik ini klik itu, kebanyakan nya ngetik.

Oh iya, dikarenakan pada tutorial sebelumnya kita telah mengedit-edit System Variables, maka agar ada efeknya, kamu harus me-restart komputer terlebih dahulu.

Instalasi Cordova

Baiklah kita mulai dengan menginstall cordova. Caranya sangat mudah, cukup buka Command Prompt lalu ketikkan :

npm install -g cordova

tunggu hingga beres dan selamat, Cordova sudah terinstall di komputer kamu.

Command tersebut untuk menginstall cordova versi terbaru, jika kamu ingin menginstall dengan versi yang sama dengan yang saya gunakan pada tutorial ini, bisa dengan menambahkan versi diakhir command, sehingga menjadi :

npm install -g cordova@7.0.0

 

Membuat Proyek Baru

Setelah cordova berhasil terinstall, kita coba buat proyek baru. Proyek ini nantinya bisa kita masukkan hasil export cordova dari construct 2. Sebelumnya, kita pindahkan direktori kerja kita, pada tutorial kali ini saya membuat folder baru bernama Cordova di drive D, sehingga direktori kerja saya saat ini menjadi D:\Cordova

Kemudian ketikkan :

cordova create GamePertamaKu com.agittm.firstgame GamePertama 

lalu tekan Enter. Sebagai catatan :

  • GamePertamaKu : Merupakan nama folder, setelah sintaks dieksekusi maka sistem akan membuat folder bernama GamePertamaKu yang didalamnya sudah berisi template cordova.
  • com.agittm.firstgame : Merupakan package name, sesuaikan dengan settingan pada Construct
  • GamePertama : Merupakan nama aplikasinya

Untuk pembuatan proyek pertama kali mungkin akan sedikit memakan waktu karena sistem akan terlebih dahulu mendownload package-package yang dibutuhkan. Namun sesuai yang saya katakan diawal, instalasi dan konfigurasi hanya berlangsung sekali.

setelah itu ganti direktori kerja kita ke nama folder yang baru saja kita buat.

Langkah selanjutnya kita akan menambahkan platform android. Cukup ketikkan :

cordova platform add android 

Untuk menghindari versi platform yang menumpuk (dan mendownload ulang jika berbeda versi), saya lebih menyarankan untuk menambahkan versi diakhir perintah sama seperti saat menginstall cordova. Saya lebih menyarankan versi 6.0.0

Sama seperti pembuatan proyek, menambah platform baru untuk pertama kali memakan sedikit waktu, harus sabar ya.

FYI, kamu bisa menambahkan platform lain seperti iOS, namun pada tutorial kali ini kita hanya akan membahas platform android saja.

Yeay, platform berhasil ditambahkan. Langkah selanjutnya adalah meng-copy hasil export construct 2 ke folder www. Pastikan folder www nya dikosongkan terlebih dahulu ya, agar tidak terdapat file yang tidak digunakan.

Nah disana terdapat file config.xml, kalian harus mengedit file tersebut.

“Eh tunggu, kan pas export ke cordova udah ada file config.xml, kok ga di replace aja?”

Sayangnya, ada beberapa tag yang berbeda antara config.xml hasil export dari Construct dan config.xml hasil dari cordova create, dan saya lebih menyarankan untuk mengikuti format yang diberikan oleh cordova.

Jadi kalian terlebih dulu mengedit file config.xml dan sesuaikan isi-isinya seperti name,description,author dll.

Build!

Sip, sekarang kita bisa langsung mem-buildnya. Cukup ketikkan :

cordova build android

dan tunggu hingga proses build selesai.

Jika sudah selesai, kamu bisa mengecek folder platform\android\  disana merupakan file-file proyek android, kamu bisa menggunakan IDE seperti Android Studio untuk membuka proyek tersebut (advanced).

Kamu bisa mendapatkan output apk yang sudah di build tersebut di folder platform\android\build\outputs\apk\

Hasil apk yang dihasilkan dari perintah diatas adalah apk yang masih ber-status debug, artinya kita tidak bisa mengupload nya ke playstore karena playstore hanya menerima apk yang berstatus release.

Lalu bagaimana agar membuild apk dengan status release? caranya yaitu dengan menambahkan –release diakhir perintah build sehingga menjadi :

cordova build android --release

APK yang dihasilkan dari perintah diatas masih berstatus unsigned artinya apk nya belum di tanda tangan oleh file keystore. Kita akan menjelaskan cara menandatangani file apk pada tutorial selanjutnya.

P.S. File APK yang dihasilkan dari tutorial ini sebenarnya masih bisa diperkecil/dioptimasi, kalian bisa membaca artikel mengenai optimasi file APK yang di build secara offline pada link berikut.

 

18 Comments
  1. Bilqis
    • agittm
  2. doni
  3. Seinz
    • agittm
  4. Nirwan
    • agittm
  5. Bolip
  6. asep saputra
    • agittm
  7. Tegar
    • agittm
  8. yongki
    • agittm
  9. nahel al fath
    • agittm

Leave a Reply

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

nndm stockldos stock pricehydro gfx gtx 1080 tinyse fnfcoh tickerctxr stock priceudow stock pricenasdaq sedgacer aspire pew72btfl stock priceqtrrf stockonkyo tx nr747 reviewkepard vpnhack verizon jetpack for unlimited datasrra stockchromebox mounting bracketnyse invhtotallee vs peelpotash stock quotedxpe stocktwlo stockefoi stockswb2usbc thumb drivecodiustsohost lite hostingvoxx stock pricezrzh stocksnagit vs snipping toolex5250ibotta account lockedctrp stock pricekanto yu4 reviewuslmcspgfcadifcmbs etfbiohacking implantsusrm stock chartnyse bwxtfiretronlg ph150g reviewibio stock priceairadar asus rt n56ugigrig g2nasdaq crzoi7 7740k release datelogitech p710e reviewivfh stockuwt stocktwitsnyse veevelnkagritek holdings stockgnucash vs quickbookslogitech c930e reviewlumix dmc lx10kroku airplay mirroringiusg stockhtc desire 601 battery drainaj81endp stockhp z440 specsis phonerescue safeasus vivobook f510ua reviewmrcy stockpstg stock pricegtlaxbr75x850e reviewrudeinternetdell doorbustertvix stock priceableton live powerpcdagcoinchct stockipair registrationgwph stockbdp s7200netgear router r6300v2adobe kuler alternativerapportive for outlookcasio xj a130 replacement bulbakrxexelixis stock pricefeye earningsbdp s6500 reviewdell precision m6400 covet reviewdvaxkodk stock pricecentene stock pricerazer leviathan setupnuraphoneseasymoneysniperhp deskjet 2548 inkjet all in one printerbcm buttstockgwph stockmu9000 reviewwrmt nasdaqnasdaq rdfnazrxnasdaq myoshp envy x360 15 aq155nrbwxt stock pricenyse dhxlrttf stock price49ks8000snmx stock priceprasmhqcl stockastra 19.2 e satellite positionptgx stockachv stockipfire setupcntf stockowc pharmaceutical research corp stockplpm stockdevice in a joggers armbandgllkcnxr stockvpmaargx stockconatus pharmaceuticalsfujhytcl 55us57 reviewtrutv optimum channelnetgear ac1600 reviewdell d3218hnsp500trsuneq stockblu tack walmartimovie keeps crashingnasdaq clrbmdso stock pricego to www amdrewards comjanusvrhp le2201wttcnflgv6moto gk40zyxel armor z2 ac2600sony xbr55x850d 55 inch 4k ultra hd smart tvbtcs stock pricecorsair scimitar side buttons not workingpsvue coststockbeewbmd stockfugoo sport reviewnyse mkcbtfd meaningdell k1000 pricetgtx stock newsnikon d2300ptie stocklg g4 keeps restartingpkoh stockafterglow prismatic wireless headsettck stock pricedexcom g5 apple watchabev stocksbsa stockimpuy stockelk clonertcl p607zte z740 pricebiconic speakerdzsiflipstagramvly stock pricelifelock discount aarpqedn stock pricelifebeam vi reviewasus rog gl502vs ds71scwx stock pricelivehivepsec stock price todaypebble 301blasus vp278rost stock priceasus gl551jw ds71cgrwplpl stocksouhy stockepson wf 2760 troubleshootinggden stockk3000m benchmarktamron a005nsennheiser urbanite xl wireless reviewsbbp stockdell 34 ultrasharp curved monitor u3417wghostery safari iphonelunticbidu after hoursgarmin tactix bravo reviewmovado bold motion smartwatchgwph stock price todaylxgtf stockbeoplay h4 head fisony 49x900efstr stockhow to make custom gamerpic on xbox oneunitiqute 2 pricernva newslgcypozujskoks8000 rtingssony x940cemqqnewtzfujitsu lifebook p770 priceasus 10.1 transformer mini t102ha d4 grsamsung 65mu8000cytr newsoesx stockmedovex stockeurn stockvixy stockgwprfavpn serviceac799readiusue megaboom best pricedistnotedtoshiba satellite m50 a 11calaris royalty corpartx stock newsvlkay stock priceturtle beach i30aj81pslistwiselink pro downloadpegasystems stock priceasus rog strix gl502 reviewendv stocktitan x pascal neweggmvis stock pricededsec live wallpaperubd k8500 zabrvvf stockrso stock pricephilips bdp7501a315 21 95kf ustcl 55p607 55 inch 4k ultra hdquicklooksatellitedxpe stockpcrfyfreefly vr reviewmoggersnasdaq usatnaim nait 5sicigna stock price historybxmt stockbest buy ecobee3inpulse smartwatch reviewedu2020vacpnyse krghtgcipad md787ll aapple emoji 10.2 apkhp envy 4520 won t printbdp7502uvxy after hourshbhc stock pricenikon d750 walmartsony 4k projector ultra short throw vpl gtz1lifevantage stock price todayasus vg245h reviewobseva saevbnjackery giant plusrega rs7 reviewnyse wsocanon rebel 7ilgv20 pricedell u3417w reviewsamsung ks8500 49garwfsamsung np900x5l k02usesnc stockchimbotcsse stocktosyyvizio smartcast p series p c1tsro stocklnc stock pricewebroot secureanywhere removal toollbai stock pricebsgm stock priceschk stockrcii stock pricebose qc35 equalizerleju stockowcp newsnyse hhcunikoingoldmsi gs70 stealth pro pricemf839ll a specsphilips 65pus7601nyse ecomlululemon stock chartmdlnf stockhadv stock pricetopre realforce 87uabbv tickervizio d43f e1t12 haltwpz stock pricevwo stock priceccwfgoro stock pricenyse dgxnihd stock priceogsdacer es1 533 c55pccgi stock pricenasdaq gogltvix tickerlogitech mk700galaxy s7 moisture detectedbose soundtouch indiadell e6410 specsvizio sb3851ugaz stock chartgarageband crossfadeubereats surgewetf stock pricedell 34 ultrasharp curved monitor u3417wmyzone heart rate monitormass effect andromeda hainly abramsmrtx stockbrowsec extensionjp asso share pricedermira inclkndroxio photoshowmbot stock pricewalmart jaybird x3gobone reviewswfbigigabyte ma790fxt ud5p motherboard34uc79g b reviewnasdaq opgnclls stock pricefujifilm s3500 reviewinsy stock pricetrmk stock pricebear flattenerwsbf stockktos stock pricemd101hn amastec stock pricegtx 980 teraflopspanera tickervertcoin halving