Tutorial Lengkap Setup NativeScript di Windows 7


Aditya Suranata 08 Des 2016 Instalasi dan Konfigurasi

Mulai Baca

Tutorial Mahir Menggunakan NativeScript & Angular untuk Membuat Aplikasi Android Native

Berikut merupakan tutorial untuk membangun aplikasi berbasis NativeScript di Windows 7, berisi daftar kebutuhan sistem, dan langkah-langkah bagaimana menginstal masing-masing komponen yang diperlukan.

Kebutuhan Sistem

Untuk dapat mengikuti tutorial ini dengan baik, maka diwajibkan untuk memenuhi persyaratan berikut:

  • Windows 7 Service Pack 1 atau lebih baru
  • Versi stabil rilis resmi Node.js 4.x, 6.x atau 7x
  • Chocolatey untuk memudahkan instalasi kebutuhan
  • Versi stabil rilis resmi JDK 8 atau terbaru
  • Versi stabil rilis resmi Android SDK 22 atau terbaru
  • Repositori Local Maven untuk Support Libraries
  • Versi stabil rilis resmi Android SDK Build-tools 23.0.3 atau terbaru
  • Genymotion untuk melakukan testing dengan mudah

Perangkat keras yang digunakan minimum harus:

  • Prosesor multi-core dengan dukungan Teknologi Virtualisasi (Intel Core i3 atau terbaru)
  • Memory 4GB
  • Ruang Hard disk kosong 20GB
  • Koneksi internet tentunya karena akan perlu mengunduh banyak file (warning: siapkan kuota hingga 5GB).

Langkah Instalasi Keperluan Perangkat Lunak

Ikuti langkah-langkah berikut secara benar dan lengkap untuk memasang NativeScript pada komputer Windows mu:

1. Install Chocolatey untuk menyederhanakan instalasi dan konfigurasi dari tools Android beserta SDKnya.

  1. Jalankan command promt dengan hak Administrator (Start > ketik cmd > tekan SHIFT + ENTER atau klik kanan run as administrator).
  2. Copy dan paste script berikut pada command promt
    @powershell -NoProfile -ExecutionPolicy unrestricted -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin
  3. Restart command promt

2. Install versi stabil terbaru dari Node.js

  1. Pada command promt jalankan perintah berikut
    choco install nodejs -y -version 6.9.1
    

3. Install JDK 8

  1. Pada command promt jalankan perintah berikut
    choco install jdk8 -y
    
  2. Tunggu agak lama karena ukuran filenya lumayan besar sekitar 250MB.

4. Install Android SDK

  1. Pada command promt jalankan perintah berikut
    choco install android-sdk -y
    
  2. Ukuran filenya juga lumayan besar hingga 150MB, jangan takut saya masih menunggu disini. weks...
  3. Restart command promt.

5. Buka Android SDK (Start > ketik SDK Manager) dan install komponen yang diperlukan dengan mencentang komponen:

  1. Tools > Android SDK Tools + Android SDK Platform-tools + Android SDK Build-tools 23.0.3 atau yg lebih baru
  2. Android 5.1.0 (API 22) > SDK Platform (karena NativeScript untuk saat ini minimal perlu API 17 namun aplikasi kita perlu minimal API 22)
  3. Extras > Android Support Repository + Google Repository + Google USB Driver
  4. Yang lainnya seperti Android 7.x.x hilangkan centangnya karena tidak perlu dan akan membuang kuota jika diunduh.
  5. Klik Install 7 packages > Accept License > Install... tunggu lagi yang sabar karena ukurannya juga gede.

6. Install Genymotion sebagai emulatornya. Genymotion merupakan native emulator pihak ketiga yang memiliki kinerja terbaik sejauh yang pernah saya coba, dan NativeScript juga menganjurkan untuk menggunakannya.

  1. Buka halaman unduh Genymotion, daftar dulu untuk mendapatkan versi gratis untuk penggunaan personal, klik link download untuk Windows. Pastikan kamu mengunduh versi yang ukurannya lebih besar, sekitar 150MB+ yang telah berisi VirtualBox.
  2. Setelah unduhan selesai, buka installernya dan install sesuai instruksi dilayar.
  3. Setelah selesai menginstall, buka Genymotion, kamu akan ditanyai apakah ingin membuat virtual device, pilih yes lalu login dengan akun yang kamu buat sebelum mengunduh, dan pilih Custom Phone - 5.1.0 - API 22 - 768x1280. Sebenarnya bisa juga yang lain diatas API 17, tapi karena aplikasi yang akan coba kita bangun ada memerlukan API call yang hanya ada pada API 22 keatas maka kita menggunakan API 22.

7. Sampai pada tahap install NativeScript CLI.

  1. Pada command promt jalankan perintah berikut
    npm i -g nativescript
    
  2. Restart command promt

8. Langkah terkahir, lakukan pengecekan integritas dan pastikan sistem mu terkonfigurasi dengan baik, jalankan perintah berikut di command promt:

tns doctor

Apa lagi?

Sudah selesai untuk proses instalasi dan konfigurasi, kamu siap untuk lanjut ke tahap pembangunan aplikasi!


 

 

Aditya Suranata

Tentang Penulis, Aditya Suranata

Aditya suka menulis, bukan hanya sekedar hobi, menulis menjadi medianya untuk mencurahkan pikiran dan perasaan. Di Miarana DIY kebanyakan menyumbang tulisan sesuai dengan minat dan keahliannya yaitu pada kategori pemrograman dan elektronika. Selain itu juga gemar menulis mengenai hal-hal umum, seperti ilmu alam, sosial dan beberapa pengalamannya yang mungkin bisa berguna untuk orang lain.

lihat artikel lain oleh Aditya Suranata

Artikel Lainnya

Kategori Tulisan

E-Book Terbaru

Teknik Antarmuka MATLAB dan Arduino

Teknik Antarmuka MATLAB dan Arduino - Cover.jpg
Pelajari konsep yang sangat luar biasa antara visualisasi, analisis dan komputasi yang ditawarkan MATLAB dengan Platform Arduino sebagai perangkat...
Jumlah Halaman:
411 Halaman

Video Terbaru

Belum Puas ? Mari Kita Saling Bicara


Join Forum Diskusi MiaranaDIY untuk berdiskusi dengan respon cepat mengenai berbagai macam tutorial hingga ulasan yang terdapat di blog ini. Untuk berlangganan artikel terbaru silahkan Like & Follow Facebook Page MiaranaDIY dan Follow Twitter @MiaranaDIY