Amit Sharma presented on using WordPress as a backend for a mobile app. Some key points: - WordPress can be used as a Model-View-Controller framework through its custom post types, templates, and hooks. - The REST API and AJAX can be used to build iOS/Android apps that create, read, update and delete content without page refreshes. - Templates like Handlebars can help render dynamic content on the mobile apps from WordPress data.

1. &
A Mobile App
Amit Sharma, 13 Llama Studio
+AmitSharma13l @hypnosh
#WCMumbai

2. 32%
26%
20%
93%
89%
87%
5% 6%
2012 2013 2014

3. Social Marketplace

4. A Social Network for Architects

5. Recruitment Tool for an
Insurance Company

6. What next?
A mobile app maybe?

7. Is WordPress
MVC?
J

8. M
V
C
Custom Post Type
(CPT)
functions.php
& Hooks
WordPress Theme
HTML5
iOS app
Android app
AJAX /
WP REST API

9. AJAX /
WP REST API

10. Creating CPTs
register_post_type( ‘model’, $args );

11. Attributes: Custom Fields

12. CRUD

13. Create
wp_insert_post( $post );

14. Read
List
get_posts( $args );
View
get_post( $id );
get_post_meta( $id, $key );

15. Update
wp_update_post( $post );
add_post_meta( $id, $key, $value );
update_post_meta( $id, $key, $value );
delete_post_meta( $id, $key, $value );

16. Delete
wp_delete_post( $id );

17. Controller
functions.php
Action Hooks

18. Action Hooks
add_action( $hook, $function );

19. AJAX
add_action(
‘wp_ajax_theajaxhook’,
‘the_function’
);
add_action(
‘wp_ajax_nopriv_theajaxhook’,
‘the_function’
);

20. add_action(‘wp_ajax_nopriv_myhook’, ‘myfunction’);
function myfunction() {
$mydata = $_REQUEST[‘mydata’];
$result = do_something($mydata);
echo json_encode($result);
die();
}
$.ajax({
url: '/wp/wp-admin/admin-ajax.php',
type: ‘GET',
data: { action: ’myhook’, mydata: ‘some data’ })
.done(function(response) {
// jQuery.parseJSON(response) is $result
});
V
C
functions.php
jQuery

21. Handlebar
<script id=’tmpl1' type='text/x-handlebars-template'>
<ul>
{{#each response.Items}}
<li data-icon='false' id='event-{{ ID }}’>
<span class='list-date'>{{{ e_date }}}</span>
<span class='list-title'>{{ post_title }}</span><br>
<span class='line-2'>{{{ post_content }}}</span>
<button data-eventid="{{ ID }}"></button>
</li>
{{/each}}
</ul>
</script>

22. REST API & JSON
POST /posts
GET /posts
GET /posts/id
GET /posts/id/meta
POST /posts/id/meta
PUT /posts/id/meta/mid
DELETE /posts/id/meta/mid
Create:
List:
View:
Update:
Delete:

26. https://github.com/WordCampMum/2015/blob/master/Amit-
Sharma-WordPress-as-Backbone-for-a-Mobile-App.md