METEOR.JS PART 4

BUILD APK  METEOR JS

Setelah sukses deploy ke Heroku dan Mlab, langkah terakhir kita ada production apk supaya bisa di install di handphone android.

Sebagia contoh tadi kita sudah deploy ke https://recipe167.herokuapp.com/ ini merupakan server untuk aplikasi kita. Yang akan jadi setting server saat build apk.

1. CUSTOMIZE ICON DAN SPLASH SCREEN

Untuk merubah icon applikasi kita  agar tidak di build dengan icon meteor sebagadi default kita perlu menambahkan file resources dan mobile-config.js.

Folder resources berisi folder icons dan splash. Folder icon berisi icon dalam bentuk png, yg mana ada beberapa ukuran sesaui dengan standard icon android. Nantinya icon ini akan menjadi icon untuk launcher applikasi kita. Folder splash berisi file png yang akan di launcing saat applikasi loading di awal screen aplikasi, beberapa file juga harus memenuhi standard splash untuk android.

Mobile-config.js berisi tentang data applikasi android, dan setting untuk icons dan splash.

Untuk Folder Icons :

Untuk Folder Splash

Untuk Mobile-config.js nya :

App.info({

 name: 'Recipe Book',

 description: 'A recipe book sharing app made in Meteor.',

 author: 'deeproject',

 email: 'deeprojects167@gmail.com',

 website: 'http://recipe167.herokuapp.com',

 version: '0.0.1'

});

App.icons({

   // Android

 'android_mdpi': 'resources/icons/icon-48x48.png',

 'android_hdpi': 'resources/icons/icon-72x72.png',

 'android_xhdpi': 'resources/icons/icon-96x96.png',

 'android_xxhdpi': 'resources/icons/icon-72x72@2x.png',

 'android_xxxhdpi': 'resources/icons/icon-96x96@2x.png',

});

App.launchScreens({

  // Android

 'android_mdpi_portrait': 'resources/splash/splash-320x480.png',

 'android_mdpi_landscape': 'resources/splash/splash-480x320.png',

 'android_hdpi_portrait': 'resources/splash/splash-480x800.png',

 'android_hdpi_landscape': 'resources/splash/splash-800x480.png',

 'android_xhdpi_portrait': 'resources/splash/splash-720x1280.png',

 'android_xhdpi_landscape': 'resources/splash/splash-1280x720.png'

});

App.setPreference('StatusBarOverlaysWebView', 'false');

App.setPreference('StatusBarBackgroundColor', '#000000');

*) untuk IOS bisa ditambahkan sendiri baik untuk icon dan splash sesaui standard icon dan splash IOS

2. BUILD UNSIGNED APK

Langkah untuk build apk cukup sederhana yaitu  :

Masuk ke folder meteor aplikasi kita jalankan.

$ export ANDROID_HOME=/home/dee/Android/Sdk

$ meteor build home/dee/buildapk --server https://recipe167.herokuapp.com/

Command ini akan membentuk folder baru buildapk pada path yg kita tentukan

Didalamnya berisi folder android dan release unsigned.apk

Apk ini belom bisa di install karena belom signed . untuk itu lanjut ke langkah berikut

3. SIGNING APK

Singing APK diperlukan untuk membuat apk kita bisa di install dengan baik di handphone. Langkahnya kita pakai JRE signer.

Masuk ke folder apk kita tadi buildapk/android

$ keytool -genkey -alias recipe -keyalg RSA -keysize 2048 -validity 10000

Kita membuat keystore untuk sign apk kita.

Akan ada beberapa popup untuk kita isi, nama, organisasi, alamat, negara

Catat key yang sudah kita buat.

$ jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 release-unsigned.apk recipe

Langkah terakhir kita sign apk unrelase tadi dengan key yg telah dicatat.

Rename release unsigned.apk menjadi nama aplikasi kita dalam hal ini contoh recipe.apk . Hasil ini bisa kita install di handphone atau emulator

4. RUN TEST ON DEVICES

Untuk mencoba di emulator kita jalankan command

$ adb install recipe.apk

Atau bisa langsung copy paste dan install di handphone.