![[Keyboard]](https://image.slidesharecdn.com/wcmia-130408083321-phpapp01/85/Integrating-WordPress-With-Web-APIs-7-320.jpg)
![[Lock and Key]](https://image.slidesharecdn.com/wcmia-130408083321-phpapp01/85/Integrating-WordPress-With-Web-APIs-8-320.jpg)
![[Treehouse screenshot]](https://image.slidesharecdn.com/wcmia-130408083321-phpapp01/85/Integrating-WordPress-With-Web-APIs-21-320.jpg)
![{
"firstName": "John",
"lastName": "Smith",
"address": {
"streetAddress": "21 2nd Street",
"city": "New York",
"state": "NY",
"postalCode": 10021
},
"phoneNumber": [
{
"type": "home",
"number": "212 555-1234"
},
{
"type": "fax",
"number": "646 555-4567"
}
]
}
Wikipedia: JSON, http://trhou.se/defineJSON](https://image.slidesharecdn.com/wcmia-130408083321-phpapp01/85/Integrating-WordPress-With-Web-APIs-23-320.jpg)
![[Treehouse JSON]](https://image.slidesharecdn.com/wcmia-130408083321-phpapp01/85/Integrating-WordPress-With-Web-APIs-24-320.jpg)
![[HTML]](https://image.slidesharecdn.com/wcmia-130408083321-phpapp01/85/Integrating-WordPress-With-Web-APIs-25-320.jpg)
![[AJAX Request Code]](https://image.slidesharecdn.com/wcmia-130408083321-phpapp01/85/Integrating-WordPress-With-Web-APIs-27-320.jpg)
![[Badge Code]](https://image.slidesharecdn.com/wcmia-130408083321-phpapp01/85/Integrating-WordPress-With-Web-APIs-28-320.jpg)
![[Badge Display]](https://image.slidesharecdn.com/wcmia-130408083321-phpapp01/85/Integrating-WordPress-With-Web-APIs-29-320.jpg)
![[Screenshot of WP]](https://image.slidesharecdn.com/wcmia-130408083321-phpapp01/85/Integrating-WordPress-With-Web-APIs-48-320.jpg)
![[Screenshot of WordPress]](https://image.slidesharecdn.com/wcmia-130408083321-phpapp01/85/Integrating-WordPress-With-Web-APIs-49-320.jpg)
![[Screenshot of Product Picker]](https://image.slidesharecdn.com/wcmia-130408083321-phpapp01/85/Integrating-WordPress-With-Web-APIs-50-320.jpg)
![[Screenshot of Product Picker]](https://image.slidesharecdn.com/wcmia-130408083321-phpapp01/85/Integrating-WordPress-With-Web-APIs-51-320.jpg)
![[Screenshot of Shortcode]](https://image.slidesharecdn.com/wcmia-130408083321-phpapp01/85/Integrating-WordPress-With-Web-APIs-52-320.jpg)
![[Screenshot of Website]](https://image.slidesharecdn.com/wcmia-130408083321-phpapp01/85/Integrating-WordPress-With-Web-APIs-53-320.jpg)
![[ShopLocket]](https://image.slidesharecdn.com/wcmia-130408083321-phpapp01/85/Integrating-WordPress-With-Web-APIs-57-320.jpg)
![[ShopLocket Login]](https://image.slidesharecdn.com/wcmia-130408083321-phpapp01/85/Integrating-WordPress-With-Web-APIs-58-320.jpg)
![[ShopLocket]](https://image.slidesharecdn.com/wcmia-130408083321-phpapp01/85/Integrating-WordPress-With-Web-APIs-59-320.jpg)
![$args = array(
"code" => $_GET["code"],
"app_id" => "app id",
"app_secret" => "app secret",
);
[GET Request]
$response = wp_remote_post(
'https://www.shoplocket.com/'
. 'oauth/token',
$args
);](https://image.slidesharecdn.com/wcmia-130408083321-phpapp01/85/Integrating-WordPress-With-Web-APIs-61-320.jpg)
![[Token]](https://image.slidesharecdn.com/wcmia-130408083321-phpapp01/85/Integrating-WordPress-With-Web-APIs-63-320.jpg)
![[Refresh Button]](https://image.slidesharecdn.com/wcmia-130408083321-phpapp01/85/Integrating-WordPress-With-Web-APIs-73-320.jpg)
Integrating WordPress With Web APIs
- 1. Integrating WordPress With Web APIs Randy Hoyt
- 2. About Me Randy Hoyt randyhoyt.com @randyhoyt Presentation randyhoyt.com/wcmia #wcmia @randyhoyt
- 3. Overview • APIs: Defined • Two Examples: 1. Get Treehouse Badges 2. Get ShopLocket Products • WordPress Functions #wcmia @randyhoyt
- 4. API
- 6. A point where two systems, subjects, organizations, etc., meet and interact. Interface, http://dictionary.com/browse/interface
- 7. [Keyboard]
- 9. An interface for software components to communicate with each other. Wikipedia: API, http://trhou.se/defineAPI
- 10. API Examples • Android SDK: Camera API #wcmia @randyhoyt
- 12. API Examples • Android SDK: Camera API • WordPress: Plugin API #wcmia @randyhoyt
- 13. <?php /* Plugin Name: Treehouse Badges Description: Displays the badges ... Version: 1.0 */ ?> add_action('init','treehouse_badges_init'); ...
- 14. API Examples • Android SDK: Camera API • WordPress: Plugin API • HTML5: Canvas API #wcmia @randyhoyt
- 15. var canvas = document.getElementById("canvas"); var context = canvas.getContext("2d"); context.fillRect(10, 10, 40, 380, "#000000"); context.drawImage(img, x, y, 100, 77);
- 16. Web APIs
- 17. REST
- 19. RESTful API
- 22. JavaScript Object Notation: Text-based open standard designed for human-readable data interchange. Wikipedia: JSON, http://trhou.se/defineJSON
- 23. { "firstName": "John", "lastName": "Smith", "address": { "streetAddress": "21 2nd Street", "city": "New York", "state": "NY", "postalCode": 10021 }, "phoneNumber": [ { "type": "home", "number": "212 555-1234" }, { "type": "fax", "number": "646 555-4567" } ] } Wikipedia: JSON, http://trhou.se/defineJSON
- 24. [Treehouse JSON]
- 25. [HTML]
- 26. Asynchronous JavaScript and XML: Technique used by the browser to retrieve data from a server in the background without interfering with the existing page Wikipedia: Ajax, http://trhou.se/defineAJAX
- 28. [Badge Code]
- 29. [Badge Display]
- 38. <?php $curl = curl_init(); curl_setopt_array($curl, array( CURLOPT_RETURNTRANSFER => 1, CURLOPT_URL => 'http://teamtreehou... )); $resp = curl_exec($curl); curl_close($curl); ?>
- 39. GET Request with WordPress HTTP API WordPress, http://codex.wordpress.org/HTTP_API
- 40. REST: Types of Requests • GET (Read) • POST (Create) • PUT (Update) • DELETE (Delete) #wcmia @randyhoyt
- 46. API Questions • Does it have to be real time? • What if something goes wrong? #wcmia @randyhoyt
- 50. [Screenshot of Product Picker]
- 51. [Screenshot of Product Picker]
- 54. Authentication
- 55. OAuth An open protocol to allow secure authorization in a simple and standard method from web, mobile and desktop applications. OAuth, http://oauth.net/
- 57. [ShopLocket]
- 59. [ShopLocket]
- 60. /? code = 53fe... & state = auth...
- 61. $args = array( "code" => $_GET["code"], "app_id" => "app id", "app_secret" => "app secret", ); [GET Request] $response = wp_remote_post( 'https://www.shoplocket.com/' . 'oauth/token', $args );
- 63. [Token]
- 64. API Questions • Does it have to be real time? • What if something goes wrong? #wcmia @randyhoyt
- 73. [Refresh Button]
- 80. GET Request with WordPress HTTP API WordPress HTTP API, http://codex.wordpress.org/HTTP_API
- 84. Integrating WordPress With Web APIs Randy Hoyt randyhoyt.com @randyhoyt Presentation randyhoyt.com/wcmia