WordPress & A Mobile App
2 likes1,234 views
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.
![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](https://image.slidesharecdn.com/wpmobiletalk-150307130316-conversion-gate01/85/WordPress-A-Mobile-App-20-320.jpg)
WordPress & A Mobile App
- 1. & A Mobile App Amit Sharma, 13 Llama Studio +AmitSharma13l @hypnosh #WCMumbai
- 4. A Social Network for Architects
- 5. Recruitment Tool for an Insurance Company
- 6. What next? A mobile app maybe?
- 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 );
- 12. CRUD
- 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 );
- 18. Action Hooks add_action( $hook, $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: