Instalasi Cordova di osx

by sistiandy 2:45 PM


Assalamu'alaikum Wr.Wb

Oke langsung saja kali ini kita akan membahas cara untuk mengisntall cordova, pertama pasti yang belum tau akan bertanya, Cordova itu apa sih? cordova adalah mobile application development framework yang dikelola oleh apache.

Cordova ini adalah software yang digunakan untuk membangun sebuah mobile aplikasi seperti Android, Ios, dan Windows mobile.

Oke langsung saja kita bahas dari awal kita insalasi cordova:


  1. Oke untuk pertama yaitu kita install dahulu X Code di AppStore,
  2. Kemudian buka terminal, lalu kita tambahkan pada .bash_profile script ini,
    3. $ export PATH=$HOME/nodejs/bin:$PATH
  3. Lalu kita jalankan dari terminal,
    4. $ source .bash_profile
  4. Kemudian di terminal, kita kembali ke direktory home. Kita buat direktory nodejs dan node-source,
    5. $ mkdir nodejs node-source
  5. Lalu kita masuk ke direktory node-source,
    6. $ cd node-source
  6. Kemudian kita install nodejs yaitu dengan kita ketik di terminal,
    7. $ curl http://nodejs.org/dist/node-latest.tar.gz | tar xz --strip-components=1
    $ ./configure --prefix=/User/devel/nodejs (/User/devel/nodejs disesuaikan masing-masing)
    $ make install
     7. Kemudian kita install npm

          $ curl -L https://www.npmjs.org/install.sh | sh

     8. Setelah itu kita install cordova nya
      
          $ npm install -g cordova

Nah sampai disitu kita sudah berhasil menginstall cordova di osx kita, tapi dibawah ini ada beberapa plugin yang perlu kita install..


  1. $ npm install ios-sim -g  => Untuk menginstall simulator ios
  2. $ cordova platform add ios => Untuk menambah platform ios
  3. $ cordova platform remove ios => Untuk menghapus platform ios
  4. $ npm install => Untuk menginstall node package di direktory aplikasi
  5. $ npm install -g gulp => Untuk menginstall gulp, yaitu untuk development
  6. $ gulp serve => Untuk menampilkan aplikasi lewat browser untuk development
  7. $ cordova plugin add cordova-plugin-device => Untuk tambah plugin device untuk deviceid
  8. $ cordova plugin add cordova-plugin-whitelist => Untuk tambah plugin whitelist

Oke untuk postingan kali ini cukup ini saja semoga bermanfaat Terimakasih ~

1 Comments