What the WordPress REST API Means for Javascript Developers
?
1 like?3,958 views
This document discusses using the WordPress REST API for building JavaScript applications and liveblogging. It introduces WordPress.js and wpapi libraries that allow accessing WordPress content and making CRUD operations via the REST API from JavaScript. It also describes Wired, an Express-based app that was used to build a liveblogging app for Wired.com that supported over 10,000 concurrent viewers. Finally, it discusses Livebot, a Node.js app that acts as middleware between Slack and the WordPress REST API to manage liveblog posts.
![// Let’s get this burrito bowl going…
chipotle.create({
type: 'bowl',
options: {
rice: 'white',
beans: 'pinto',
meat: 'chicken',
salsa: [
'green',
‘corn'
],
cream: true,
cheese: true,
guacamole: true,
notes: 'Extra guac please!’
}
});](https://image.slidesharecdn.com/openwest2016-160715210138/85/What-the-WordPress-REST-API-Means-for-Javascript-Developers-17-320.jpg)
![// Let's loop through each one, and add the response to post
meta.
// As we get posts, also push those to the main $posts array.
// Reversing this so that we have some better logic for
updating posts.
// Ideally, you don't need to loop through every page, you
could just
// update the most recent page or two.
for ( $i = 0; $i < $times; $i++ ) {
// Fetch a batch of posts
$response = $this->fetch_and_parse( $url, $i );
$more_posts = $response['response']['posts'];
$more_posts = $this->clean_tumblr_response( $more_posts );
if ( ! empty( $more_posts ) ) {
update_post_meta( $post_id, 'liveblog_posts_page_' . $i,
$more_posts );
}
// Add each of the posts to the main post array.
foreach ( $more_posts as $post ) {
$posts[] = $post;
}
}](https://image.slidesharecdn.com/openwest2016-160715210138/85/What-the-WordPress-REST-API-Means-for-Javascript-Developers-37-320.jpg)
What the WordPress REST API Means for Javascript Developers
- 5. Hi
- 10. Node.js
- 12. Wait,what?
- 13. FAST NODE IS
- 14. php.JS
- 15. WordPress.JS
- 16. Chipotle.JS
- 17. // Let’s get this burrito bowl going… chipotle.create({ type: 'bowl', options: { rice: 'white', beans: 'pinto', meat: 'chicken', salsa: [ 'green', ‘corn' ], cream: true, cheese: true, guacamole: true, notes: 'Extra guac please!’ } });
- 19. WPAPI
- 23. WIRED EXPRESS
- 30. CRUD
- 31. Build an “App”
- 34. Complexity.
- 36. Simple
- 37. // Let's loop through each one, and add the response to post meta. // As we get posts, also push those to the main $posts array. // Reversing this so that we have some better logic for updating posts. // Ideally, you don't need to loop through every page, you could just // update the most recent page or two. for ( $i = 0; $i < $times; $i++ ) { // Fetch a batch of posts $response = $this->fetch_and_parse( $url, $i ); $more_posts = $response['response']['posts']; $more_posts = $this->clean_tumblr_response( $more_posts ); if ( ! empty( $more_posts ) ) { update_post_meta( $post_id, 'liveblog_posts_page_' . $i, $more_posts ); } // Add each of the posts to the main post array. foreach ( $more_posts as $post ) { $posts[] = $post; } }
- 38. This is silly.
- 40. Slack
- 43. Livebot
- 45. Sunstone