Langsung ke konten utama

Entri yang Diunggulkan

Pengembangan Ionic 2 Framework dan Angular 2 | belajar framework ionic

Pengembangan Aplikasi Hybrid Menggunakan Ionic ·          Instalasi dan Pengaturan  Prosedur   instalasi   dari   Ionic   dan   Cordova   cukup   sederhana.   Sebelum   installasi   Ionic   2   dan Cordova diharapkan agar melakukan installasi Node JS terlebih dahulu dimana source bisa di download pada nodejs.org. Untuk melakukan instalasi global, perintah berikut dapat di masukan di terminal yang telah menginstal paket yang dibutuhkan. Pemasangan global:    npm install –g ionic cordova Setelah aplikasi dasar Ionic 2 sudah ter-install , silahkan gunakan command berikut untuk pengecekan : ionic –v cordova-v Untuk membangun aplikasi baru di Ionic 2,   ionic serve   dapat digunakan di terminal setelah melakukan setting   direktori   yang   sesuai   dimana   proyek   tersebut   tersimpan.   Hasil   dari ...

Mengatasi akses API yang tidak berfungsi di Ionic Framework | belajar framework komputer


Mengatasi akses API yang tidakberfungsi di Ionic Framework,  Jika terdapat masalah dalam mengakses API ketika anda menjalankan aplikasi menggunakan browser, kemungkinan besar masalah tersebut disebabkan oleh CORS issue, untuk solusinya anda bisa baca artikel saya : Megatasi CORS issue di  ionic framework. Namun jika masalah tersebut muncul ketika aplikasi diakses menggunakan perangkat android, bisa jadi masalah tersebut disebabkan karena request aplikasi ke API yang terblokir.
Pada rilis Apache Cordova 4.0.0 untuk Android and iOS, kita diharuskan untuk melakukan whitelist pada resource external yang ingin kita gunakan dalam aplikasi, karena defaultnya seluruh resource external terblacklist.
Bagaimana cara mengatasinya?
Untuk mengatasi masalah ini, kita hanya perlu menginstal Apache Cordova Whitelist plugin pada project Ionic kita dengan cara mengetikkan perintah berikut ini di Ionic CLI :
Kemudian menambahkan Content Security Policy pada <meta> tag file index (www/index.html) seperti berikut ini:

<meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'">

Dengan begitu external resource (API) yang digunakan di aplikasi tidak akan terblok, dan aplikasi akan berjalan sempurna.

Sumber : arielthekillers.wordpress.com

Komentar

Postingan Populer