E N D
An Introduction into the Web API Brad Genereaux | @integratorbrad | about.me/integratorbrad Web Developers P2P : February 2014
Topics • API • REST • Security • Web • Integration
Housekeeping • About Me (Brad Genereaux) • Healthcare and API developer • Integration Architect at Agfa Healthcare • Blogger about all the API things • Discussion and questions • Hold on to them for the end
The API Application Programming Interface
What is an API? • Methods to access data and workflow from an application without using the application itself
API Example vs
Why an API? • Not all users are the same • Some want: • Some want / need: • And their needs and wants are ever shifting
The REST REpresentational State Transfer
Source: http://www.slideshare.net/jmusser/j-musser-apishotnotgluecon2012
What is REST? Client server model Stateless Idempotency Cacheable Layered System Uniform interface
Why REST? Scalable Fault-tolerant Recoverable Secure Loosely coupled
What systems support REST? Clients Browsers Mobile Apps Desktop Apps Servers “Capable of HTTP” Java-based .Net-based PHP Ruby Perl Etc.
Three levels of REST • Level 1 : Resources • Level 2 : Verbs • Level 3 : HATEOAS
Resources, Level 1 REST • /users • /users/integratorbrad • /users/integratorbrad/tweets • /users/integratorbrad/tweets/1
Verbs, Level 2 REST • CRUD
What is CRUD? Standard database operations:C reateR eadU pdateD elete
Verbs, Level 2 REST • CRUD • GET /tweets (as opposed to /givemethetweets) • POST /appointments (as opposed to /createnewtweet) • PUT /appointments/1 (as opposed to /updatetweet/1) • DELETE /appointments/1 (as opposed to /removetweet/1)
RESTful Methods • There are other methods less used (HEAD, OPTIONS, PATCH) for other purposes • Representations of an item are specified by the media type (MIME type) Source: http://www.slideshare.net/jmusser/j-musser-apishotnotgluecon2012
HATEOAS, Level 3 REST Hypermedia as the engine of application state "links": [ { "rel": "UserInfo", "href": "https://.../user/12345678" }, { "rel": "Tweets", "href": "https://.../tweet/87654321" }, { "rel": "Messages", "href": "https://.../msgs/11223344" }] "ids" : [ 12345678, 87654321, 11223344]
Data Formats (XML and JSON) • XML (135 characters):<tweets> <tweet type="text" id="1"> <text>REST is great!</text> </tweet> <tweet type="text" id="2"> <text>APIs forever!</text> </tweet></tweets> • JSON (109 characters):{ "tweets": [ {"type": "text", "id": "1", "text": "REST is great!"}, {"type": "text", "id": "2", "text": "APIs forever!"} ]} • XML can be validated (XML Schema), stylized (XSL), traversed (XPath), queried (XQuery), transformed (XSLT), and namespaced • JSON is easier
What makes for good REST? Self-documenting Nouns in path, verbs by HTTP Complexity under the “?” i.e., /tweets/?contains=API Errors use HTTP error code mechanism As simple as possible, but no simpler
REST Alternatives Source: http://www.slideshare.net/jmusser/j-musser-apishotnotgluecon2012
API Worst Practices 10. Poor error handling 9. Ignoring HTTP rules 8. Exposing your underlying data model 7. Security complexity 6. Unexpected release cycles 5. Poor developer experience 4. Expecting an MVC to give you a great API 3. Assuming if you build it, they will come 2. Inadequate support 1. Poor documentation Source: http://www.slideshare.net/jmusser/j-musser-apishotnotgluecon2012
Authentication and Authorization • Authentication : Who • Authorization : What they are allowed to do • Not your job, but your responsibility
Security Frameworks OAuth Authorizing services OpenID Facebook, Google LDAP Enterprise authentication
Application Security Threats Source: http://en.wikipedia.org/wiki/Application_security
SQL Injection Consider the following pseudo-code: String topic = request.getParameter(“topic"); SQLCommand sql = new SQLCommand("select * from tweets where topic like ‘" + topic + "%’") So what happens if the parameter is: API REST h3ck0rz’; drop table tweets; -- Source: http://xkcd.com/327/
HTML5 • “HyperText Markup Language” • Characterized by the DOM (document object model) Completely ubiquitous across the Internet <html> <body> <h1>Hello World</h1> </body></html>
HTML5 • HTML “5” is somewhat of buzzword • New features • Canvas allows for rapid UI painting, real-time hardware-accelerated gaming and media streaming • Access to hardware like cameras and gyroscopes • Can function offline and store data
JavaScript • Multi-paradigm weakly-typed scripting language • Used most often hand-in-hand with HTML • Not Java, at all (syntax based on C) • Example:alert (“Hello World!”); • Able to manipulate the DOM and interact with the browser environment
CSS • “Cascading Style Sheets” • Allows for advanced stylization of content • Example:.giant { font-size: 72px; color: blue;} • Classes can be applied to many tags at once, and kept separately (allows rapid customizations) • CSS3 adds considerable new features (gradiency, rounded corners, drop shadows, etc.)
AJAX “Asynchronous JavaScript and XML” Group of technologies that allow for robust client interactions without reloading web pages HTML and CSS for presentation DOM for display and interaction of data XML for data interchange XMLHttpRequest for asynchronous communication JavaScript to bring these technologies together AJAX is the key to consuming REST
jQuery • “jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.” • Example:$(“#h1”).html(“Hello World!”); • jQuery tests against many browser platforms and solves a lot of the problems that supporting many platforms introduces
Other Frameworks • UI Frameworks (Bootstrap, Foundation) • MVC Frameworks (Angular, Backbone) • Tooling (Yeoman, Lineman) • Documentation (Apiary, Swagger) • No shortage of options
API Popularity (2012) (from http://www.slideshare.net/jmusser/open-apis-whats-hot-whats-not-12506063 )
Some REST API Examples Facebook Twitter Twilio Demo?
Facebook Graph API Every object has an ID: Objects can be searched: Objects can be updated:
If This, Then That API Integration Website - http://ifttt.com/
Need more REST? • Programmable Web (http://programmableweb.com) • Crafting Interfaces that Developers Love (http://offers.apigee.com/api-design-ebook-rr/) • API Craft Google Group (https://groups.google.com/forum/#!forum/api-craft)
Discussion - Questions Brad Genereaux | @integratorbrad | about.me/integratorbrad