Creating Smartphone
App Using WordPress
By
Md. Sajedul Haque Romi
Founder & CEO CodeBANGLA, Romiracle
Why smartphone Apps
•Users are more smartphone
Centric
•Better UX than mobile Web
•Add more information from
native mobile APIs
Some
key
points
How WordPress as
Smartphone Apps
•WordPress as Service
•Smartphone App
framework as client
Key
Approaches
WordPress as Service
•WP XML RPC
•WP JSON Plugin
•WP API
•WP AJAX xhr
Available
Techs
Smartphone App
Frameworks
•Apache
Cordova/PhoneGap
•Titanium
•Xamarin
Top
In The
Market
Apache Cordova
•HTML,JS, CSS
•Many supportive plugins
•ngCordova, IonicFramework
•UI frameworks: Onsen UI,
Rachet ChocolateChip etc
About
IonicFramework & WP
Built on Cordova, works on Android, iOS, Windows Phone
and others
AngularJS as Data Binding and Routing
ngCordova Support for many usefulplugins
WP API
Installing WP API plugin
https://wordpress.org/plugins/json-rest-api/
WP API plugin JSON
Output
http://localhost/wpx/wp-json/posts
JSON formatters
http://jsonformatter.curiousconcept.com/
http://jsonformat.com
Installing ionic
framework
Install
NodeJS
Cordova: npm install -g cordova
Ionicframework: npm install -g ionic
Installing ionic
templates
ionic start WPapp tabs
cd wpp tabs
Ionic serve
Fetching JSON data in
Angular
$http.get(url)
$scope
Fetching JSON data in
Angular in HTML view
Via ng-repeat Directive
Some
PhoneGap/Cordova
Plugins
https://wordpress.org/plugins/apppresser/
https://wordpress.org/plugins/device-push/
Some Useful links
http://www.sitepoint.com/building-a-phonegap-app-
with-a-wordpress-backend/
http://wptheming.com/2015/03/angular-json-api-
example/
Cordova Developer Bangladesh
My Contacts
http://facebook.com/jonabROMI
Skype: romi0199
Email: romi@codebangla.com
Thank You!

Creating SmartPhone Apps Using WordPress