Mengatasi akses API yang tidak berfungsi di Ionic Framework

Mengatasi akses API yang tidak berfungsi 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 : Mengatasi 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 :

cordova plugin add cordova-plugin-whitelist

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.

Demikian share saya tentang cara mengatasi akses API yang tidak berfungsi di Ionic Framework. Semoga Bermanfaat.

Iklan

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout /  Ubah )

Foto Google+

You are commenting using your Google+ account. Logout /  Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout /  Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout /  Ubah )

w

Connecting to %s