Category Archives: Ionic

How to solve cordova plugin whitelist.
Posted by:DavidZ, May - 07 - 2016

appacheYou are almost there. But you get another error :

You must install the whitelist plugin but you  dont know how to configure this plugin to work with cordova-android

In this case no worries. This step works fine

  • run this ionic plugin add https://github.com/apache/cordova-plugin-whitelist.git
  • in xml config:::  Add this <allow-navigation href=”*” />
  • in your index.html add  <meta http-equiv=”Content-Security-Policy” content=”default-src *; style-src ‘self’ ‘unsafe-inline’; script-src ‘self’ ‘unsafe-inline’ ‘unsafe-eval'”>
  • Share :

tv5Here are the step to make your app runing in 5 minute

Ionic is cool for everyone. If you need help after this steps do not hesitate to drop me a line. I am here to help. We offer end to end user experience and service for all our clients.

Again, these are steps and i will show you the app that came up after this steps.

  • Ionic start myAppName
  • ionic platform rm android
  • ionic resources –icon
  • ionic resources –splash
  • ionic platform add android
  • Ionic plugin add cordova-plugin-admobpro
  • cordova plugin add cordova-plugin-whitelist
  •  ionic build android
  • adb devices
  •  adb install -r platforms/android/build/outputs/apk/android-debug.apk

debug:

ionic run android -l -c

This last command will launch the app in debug mode

If you want to inspect the app from Chrome, just type or copy paste in the browser the followin line

chrome://inspect/#devices

The two commands are not necessary

  • ionic resources –icon
  • ionic resources –splash

However it will help you generate the icon and splash. Here is the result icons i made

 

 

  • Share :
Deploying Ionic to Google play
Posted by:DavidZ,

Most users fall into the scenario:

$ionic start myapp
$cd myapp
$ionic platform add android

But  if you try this   ionic platform add android you may get this error

Failed to install 'plugin.google.maps':Error: Variable(s) missing: API_KEY_FOR_ANDROID

 

Solution:

You need to modify the plugin.xml file. Open the plugin.xml with your text editor.

Find and delete the two lines: <preference name=”API_KEY_FOR_ANDROID” /> and <preference name=”API_KEY_FOR_IOS” />

 

Feature Photo: one of the apps we have made

  • Share :

This is the tutorial on how to develop a wordpress mobile app with Ionic and Visual studio.

 

1 – What is Ionic Framework ?

Ionic Framework  is a mix of technology to create hybrid apps. It use angular for the web and cordova to wrap the all thing. If you need more info, ask my best friend google. The goal of this is not to repeat the definitions  for those framework but to show you the steps you need to get up and running in just a fews minutes.

With the addition of Ionic templates in Visual Studio adding fast UI and AngularJS to your Cordova apps is even easier. To get started, just search in the Visual Studio Gallery for “Ionic” and start a new project with the official Visual Studio Ionic Templates

  • Share :