Upload
codebangla
View
444
Download
3
Embed Size (px)
Citation preview
Creating Smartphone App Using WordPressByMd. 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
AvailableTechs
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 pluginhttps://wordpress.org/plugins/json-rest-api/
WP API plugin JSON Outputhttp://localhost/wpx/wp-json/posts
JSON formattershttp://jsonformatter.curiousconcept.com/
http://jsonformat.com
Installing ionic frameworkInstall NodeJSCordova: npm install -g cordovaIonicframework: npm install -g ionic
Installing ionic templatesionic start WPapp tabs
cd wpp tabs
Ionic serve
Fetching JSON data in Angular$http.get(url)
$scope
Fetching JSON data in Angular in HTML viewVia ng-repeat Directive
Some PhoneGap/Cordova Pluginshttps://wordpress.org/plugins/apppresser/
https://wordpress.org/plugins/device-push/
Some Useful linkshttp://www.sitepoint.com/building-a-phonegap-app-with-a-wordpress-backend/
http://wptheming.com/2015/03/angular-json-api-example/
Cordova Developer Bangladesh