For the 5th Anniversary, Burkina 24 chooses Zongotech to create a brand new mobile application for the news media. This Montreal based company provided an Iphone and Android version of the site. The app is built with Ionic 1.x and AngularJs and Cordova.
The apps provided a lot of functionalities such as push notification , Login and more.
Montreal, Canada. March 15, 2017 / ZongoTech Inc, An innovative software, web and mobile development and consulting company announced today that Africa’s promoting business network based in Paris, has selected Zongotech to build their brand new website.
As part of its strategy to become the most trusted company in the field , and It commitment to helping fill the gaps in the African landscape, CretesLab decided to replace its old website to a brand new one with the latest technologies in the market, by choosing zongotech. CRETES relies on a network of experts of varied skills in economics, statistics, finance, demography, sociology, law and other social sciences.
The new site is planned to be released by April 20th, 2017
Mobile and Internet technologies continue to make the world a smaller, more intimate place. We believe that Zonotech can play an important role for any company that wants to be present online or create strong, dynamic impact to its clients and visitor. Zongotech delivers all suite Mobile and web version for the entire satisfaction of its clients.
What to do when your ionic cannot pull data from your wordpress with JSON ApI ?
This plugin provides a JSON format for the content that is in the wordpress. But
- You will need to go to wp-content/themes/myTheme
- open functions.php
- Add this header(“Access-Control-Allow-Origin: *”); right after <?php
II. solution 2
Some advice to modify directly the pluggin
You just have to add:
<? header("Access-Control-Allow-Origin: *"); ?>
On the file api.php, this file is located in wp-content/plugins/json-api/singletons/api.php
You 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'”>
Here 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
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
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
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
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
I have strugle to get my app run from A to Z. This is not because of ionic framework. Let me be clear. Ionic is so easy to follow. However when it come to Deploy it in your device you have to consider different scenario.
Your Android SDK, your environment and many other things.
When it come to using or creating the keystore to deploy in google play; these are factors that you may enconter.
Here i will try to list all issue that you may need in order to run your app
Go to the next article for the complete How to
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
A warm welcome to my fellow developers around the world.
I grew up with a favorite quote that , in french VOULOIR C’EST POUVOIR
Another way of “saying Sky is the limit” , this is the same when Napoleon Hill say “Whatever the mind can conceive and believe, it can achieve.”