Tutorial Membuat Aplikasi Android Dengan Ionic Framework Lengkap Dari Awal Sampai Jadi APK

Buat kamu yang ingin belajar Membuat Aplikasi Android, Tapi spek komputer pas pasan, Maka Ionic Framework adalah pilihan yang bisa di pertimbangkan selain React Native.

Nah disini saya akan buat tutorial singkat dan padat belajar membuat aplikasi android dengan Ionic Framework mulai dari awal sekali sampai jadi apk yang bisa kamu install di hp kamu

Bahan bahan yang dibutuhkan :
1- Komputer /laptop minimal Intel Celeron 2gb Ram

2- Internet, Klo bisa Speedy, Klo Terpaksa tetring jg ok
3- Download Gradle,ketik download gradle di browser kamu, lalu download
4- Dowload Apache ant, ketik apache ant download
5- Download Android SDK, Ketik android sdk download

6- Download dan install Git Scm, dengan menggunakan Git Scm kamu tidak perlu repot untuk masuk ke folder menggunakan perintah cd\namafolder, tinggal buka folder lalu klik kanan dan pilih Gitbash Here

Cara penyajian :
 1- Buat 2 folder baru = D:/Android/sdk
 2- exctract android sdk di folder sdk
 3- exstract apache ant dan gradle di folder android

Memulai persiapan setting untuk install Ionic Framework, emulator dan tools build apk nantinya :

1- install Chocolatey 
caranya buka cmd klik kanan run administrator lalu, copy code di bawah ini :
cmd = @”%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe” -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command “iex ((New-Object System.Net.WebClient).DownloadString(‘https://chocolatey.org/install.ps1’))” && SET “PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin”
2- install nodejs,phyton27, dan java jdk dengan chocolately 
cmd = choco install -y nodejs.install python2 jdk8
3- install Ionic
cmd = npm install -g ionic

4- Install Cordova cmd =npm install -g Cordova
5- DOWNLOAD SDK ANDROID, inget sdk ya,bukan android studio, bisa tepar kuota kamu 
Url = https://developer.android.com/studio/
6- INSTALL/EXTRACT DI FOLDER D:/ANDROID/SDK,klo blom ada foldernya buat dulu
6-SETTING ANDROID_HOME = D:/ANDROID/SDK

Caranya klik kanan my computer/ This Pc lalu pilih properties, jika muncul window baru, pilih menu di sebelah kiri advanced system setting, pilih environment variable di paling bawah window yang baru muncul,tabel atas adalah variabel user nah klik new setting seperti gambar berikut

7-EDIT PATH TAMBAHKAN D:/ANDROID/SDK/tools

Untuk path di bawah tabel kedua cari list path dan klik,untuk memilih,jikasudah terpilih klik edit , lalu muncul window baru, dan setting seperti gambar

8-EDIT PATH TAMBAHKAN D:/ANDROID/SDK/platform-tools
9-EDIT PATH TAMBAHKAN D:/ANDROID/SDK/build-tools
10-EDIT PATH TAMBAHKAN D:/ANDROID/SDK/build-tools\28.0.3
11-SETTING ANT_HOME = D:\ANDROID\apache-ant-1.10.5
12-EDIT PATH TAMBAHKAN = D:\ANDROID\apache-ant-1.10.5\bin
13-SETTING GRADLE_HOME = D:\ANDROID\gradle-5.1.1
14-EDIT PATH TAMBAHKAN = D:\ANDROID\gradle-5.1.1\bin
15-SETTING JAVA_HOME = C:\Program Files\Java\jdk1.8.0_201
16-EDIT PATH TAMBAHKAN = C:\Program Files\Java\jdk1.8.0_201\bin
17-CEK SDK sdkmanager –list
18-INSTALL PLATFORM DENGAN CMD = sdkmanager “platform-tools” “platforms;android-28”
18-INSTALL BUILD TOOLS DENGAN CMD = sdkmanager “platform-tools” “BUILD-TOOLS;28.0.3”
19-Buat project dengan cmd = Ionic Start Myapp Sidemenu
20-Run Project dengan cmd di dalam project kamu, cmd = Ionic Serve

Persiapan Rilis 

21- RILIS APLIKASI
 cmd = ionic cordova build android --prod --release

jika sudah selesai maka cek LOKASI APK YG SUDAH JADI 
 D:\IONIC\demo1\platforms\android\app\build\outputs\apk\release
21- BUAT KEYTOOL DI FOLDER release tersebut copy kode berikutke cmd
cmd = keytool -genkey -v -keystore myapp.keystore -alias myapp -keyalg RSA -keysize 2048 -validity 10000

23-Tanda Tangani Aplikasi, Copy kode ini ke cmd
 cmd =jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore myapp.keystore app-release-unsigned.apk myapp

24- Setelah itu copy zipalign.exe ke folder aplikasiyang sudah rilis posisinya di D:\ANDROID\SDK\build-tools\28.0.3\zipalign.exe

25- Jika sudah maka maka rename aplikasinya dengan cmd

zipalign -v 4 app-release-unsigned.apk mypp.apk

26- Maka sekarang di folder rilis sudah ada myapp.apk

Nah begitulah tahap belajar Ionic Framework dari awal sampai jadi aplikasi yang bisa di install di Handphone kamu
semoga bernmanfaat

1 thought on “Tutorial Membuat Aplikasi Android Dengan Ionic Framework Lengkap Dari Awal Sampai Jadi APK

Tinggalkan Balasan

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