Using Web Hooks
•Download as ZIP, PDF•
76 likes•21,153 views
A tech talk I gave at Pivotal Labs with an epic new deck.
Recommended
Recommended
More Related Content
What's hot
What's hot (20)
More from Jeff Lindsay
More from Jeff Lindsay (18)
Recently uploaded
Recently uploaded (20)
Using Web Hooks
- 1. webhooks jeff lindsay
- 2. WEBHOOKS AND THE FUTURE OF THE WEB
- 9. problem solution examples implementation inspiration future
- 10. problem?
- 11. ‣ notifications ‣ data syncing ‣ chaining ‣ modification ‣ plugins
- 12. ‣ notifications ‣ data syncing ‣ chaining ‣ modification ‣ plugins
- 13. ‣ notifications “I wish I could get notifications exactly ‣ data syncing how I want.” ‣ chaining ‣ modification ‣ plugins
- 14. ‣ notifications ‣ data syncing “I wish my web apps would keep overlapping ‣ chaining data in sync.” ‣ modification ‣ plugins
- 15. ‣ notifications ‣ data syncing ‣ chaining “I wish I could make ‣ modification another app do ‣ plugins something when I use this app.”
- 16. ‣ notifications ‣ data syncing ‣ chaining ‣ modification “I wish I could make ‣ plugins this app work just slightly differently.”
- 17. ‣ notifications ‣ data syncing ‣ chaining ‣ modification ‣ plugins “I wish I could let my users extend/build plugins for my app.”
- 18. } ‣ notifications ‣ data syncing ‣ chaining programmability ‣ modification ‣ plugins
- 19. WEBHOOKS
- 20. WEBHOOKS Huh?
- 21. web•hooks |ˈwebˌhoŏks| pattern of enabling user-defined callbacks in web applications
- 22. us•er |ˈyoōzər|
- 24. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
- 25. call•back |ˈkôlˌbak| Program
- 26. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
- 27. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
- 28. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
- 29. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
- 30. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
- 31. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
- 32. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
- 33. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
- 34. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) Library ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
- 35. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) Library ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
- 36. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) Library ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
- 37. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) Library ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
- 38. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) Library ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
- 39. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) Library ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
- 40. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) Library ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
- 41. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) Library ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
- 42. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) Library ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
- 43. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) Library ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
- 44. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) Library ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
- 45. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) Library ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
- 46. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) Library ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
- 47. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) Library ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
- 48. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) Library ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
- 49. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) Library ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
- 50. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) Library ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
- 51. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) Library ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
- 52. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) Library ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
- 53. “In computer programming, hooking is a technique used to alter or augment the behavior of [a program], often without having access to its source code.”
- 54. webhooks origin
- 55. subversion hooks repository working copy foo
- 56. subversion hooks repository working copy foo foo
- 57. subversion hooks repository foo
- 58. subversion hooks repository bar foo
- 59. subversion hooks repository bar foo
- 60. subversion hooks repository bar bar
- 61. subversion hooks repository pre-commit foo bar post-commit
- 62. subversion hooks repository pre-commit foo bar post-commit
- 63. subversion hooks Does this user have repository permission? pre-commit Is this change valid? foo bar post-commit
- 64. subversion hooks repository pre-commit foo bar post-commit
- 65. subversion hooks repository pre-commit bar bar post-commit
- 66. subversion hooks repository pre-commit bar bar Send a notice to IRC post-commit Try to build the project
- 67. subversion hooks repository bar bar
- 68. subversion hooks repository A new change was committed by Jeff. bar bar
- 69. subversion hooks repository bar bar Damn it Jeff, you broke the build!
- 70. paypal ipn
- 71. paypal ipn
- 72. paypal ipn
- 76. webhooks SO SIMPLE YOUʼLL THINK ITʼS STUPID
- 78. webhooks anatomy web app
- 79. webhooks anatomy web app db
- 80. webhooks anatomy ui web app db
- 81. webhooks anatomy ui web app db
- 82. webhooks anatomy ui web app event event db event
- 83. webhooks anatomy ui api web app event event db event
- 84. webhooks anatomy ui api web app event event db event
- 85. webhooks anatomy ui api web app event event db event
- 86. webhooks anatomy ui api web app event event db event callback
- 87. webhooks anatomy ui api web app event event db event callback
- 88. webhooks anatomy ui api web app event event db event
- 89. webhooks anatomy
- 95. examples
- 100. DEPLOY
- 103. PUSH
- 104. Hey guys, pull.
- 105. k
- 107. DEPLOY
- 109. PUSH
- 110. Hey guys, pull.
- 111. k
- 113. DEPLOY
- 114. Hooks?
- 116. http://myserver.com/script R ISTE REG
- 118. PUSH
- 119. PUSH
- 120. Hey guys, pull.
- 121. k
- 123. OY PL E D
- 135. 1. define achievements here 2. add trigger pings to your backend 3. paste javascript into your layout
- 137. not done yet, but... QUESTIONS?
- 138. more examples ecommerce project hosting notifications plugins / platform
- 139. more examples ecommerce project hosting notifications plugins / platform
- 140. more examples ecommerce project hosting notifications plugins / platform
- 141. more examples ecommerce project hosting notifications plugins / platform
- 142. payoff notifications data syncing FOR THE DEVELOPER chaining modifications plugins
- 143. payoff notifications data syncing FOR THE DEVELOPER chaining modifications plugins
- 144. payoff notifications data syncing FOR THE DEVELOPER chaining modifications plugins
- 145. payoff notifications data syncing FOR THE DEVELOPER chaining modifications plugins
- 146. payoff notifications data syncing FOR THE DEVELOPER chaining modifications plugins
- 147. payoff notifications data syncing FOR THE DEVELOPER chaining modifications plugins one, simple solution
- 148. how to implement
- 149. 1. design callback channels per noun or per verb on noun wiki crud? project install/uninstall account pre-commit/post-commit plugin vs
- 150. 2. create registration method web ui or api both? :)
- 151. 3. choose payload format POST parameters JSON XML
- 152. 4. add trigger code to events
- 153. 5. consider these options queuing posts HMAC verification retry return data filtering validation
- 154. ecosystem
- 159. protocol-droid
- 163. protocol-droid coming soon...
- 164. inspiration
- 166. Todos Basecamp
- 171. Hey, there’s an event hook here!
- 172. Save
- 173. future
- 174. what to expect from webhooks
- 175. what to expect from webhooks sharing
- 176. what to expect from webhooks sharing standardization
- 177. what to expect from webhooks sharing standardization
- 178. what to expect from webhooks sharing standardization tools
- 179. what to expect from webhooks sharing standardization integration tools
- 180. what to expect from webhooks sharing standardization integration tools
- 181. what to expect from webhooks
- 182. web of things embedded devices are getting more powerful and connected
- 183. web of things “API for everything”
- 184. programming literacy As programming becomes more important, it will leave the back room and become a key skill and attribute of our top intellectual and social classes, just as reading and writing did in the past. Marc Prensky
- 185. program the world cloud computing + == near real “magic” web of things + easier programmability
- 186. problem solution examples implementation inspiration future
- 187. use webhooks! join the community http://webhooks.org
- 188. ok, itʼs over... QUESTIONS?
Editor's Notes
- me: nasa, startups, shdh, web hooks “using webhooks”
- more appropriately pretentious. although it’s really about webhooks, then future. webhooks may be the future of the web, but just a small part. who has heard of webhooks? i watch search.twitter for webhooks...
- lightning bolts of cloud computing.
- i don’t know how this started. it had nothing to do with my talk titles...
- tim bray just says they’re the next big thing.
- this guy’s not so sure.
- it’s great to see people love an idea. i wish i could sell it.
- and then there’s this guy. apparently he’s french.
- this is what my talk is going to feel like. i’m going to talk about...
- before we get to what they are... what problem do they solve? people haven’t been asking for them, so what’s the point? \"If I had asked people what they wanted, they would have said faster horses.\"
- like a good engineer i came up with the problems after the solution. like a good programmer i came up with a solution that is very generalized and can be used for lots of stuff. these are the rough problems that webhooks solve, most of which haven’t been done well or much at all on the web.
- notifications are the big pull these days. which is cool i suppose. but really just the tip of the iceberg
- i use three web applications that have “projects.” i use them all for slightly different things, but none of them share data. twitter to facebook updates is sort of the same thing. both are updates, i like both apps. they should just be about the same data.
- this is like the pipes for the web metaphor. this is about composing a system of applications to do more than the parts individually.
- there is no open source equivalent for the concept of a SaaS. we don’t have the freedom to change code for things we use in the cloud. think of how many lame projects this would eliminate: “it’s like twitter, but it does INSERT MINOR IMPROVEMENT” what if you could just make it do that?
- the most popular desktop apps we use: office, firefox, itunes, photoshop... even cult favorites like quicksilver, winamp, vlc... they all have plugins. how many web apps do you know with plugins?
- to me, these ARE all part of the same problem. the web is not programmable enough. programmable web is a misnomer. programmatic web. and if people do try to solve these problems, they reinvent for each one... just lay proper infrastructure. really this is about code in the cloud ... hooks are just a vehicle for code, but we’ll get to this later.
- but obviously... we need webhooks. right?
- we know what web apps are... callbacks is a bit curious--wait user defined? like end users?
- i think of three classes of users. developers, power users, machines, and average users. so far, web hooks are for developers, but part of all this is about bridging the gap between their power and the average user. for the moment, we mostly talk about the first two here
- callbacks! you know what callbacks are? well here’s a quick summary, excuse the crude program diagram
- programs start and stop, usually have input/output
- flow through functions
- flow through functions
- flow through functions
- flow through functions
- flow through functions
- flow through functions
- flow through functions
- compelx. use libraries. they have functions, but they’re black boxes
- compelx. use libraries. they have functions, but they’re black boxes
- we use them like black boxes most of the time
- we use them like black boxes most of the time
- we use them like black boxes most of the time
- we use them like black boxes most of the time
- we use them like black boxes most of the time
- we use them like black boxes most of the time
- unless they have callbacks. here we can modify their behavior! this is also called hooking
- unless they have callbacks. here we can modify their behavior! this is also called hooking
- unless they have callbacks. here we can modify their behavior! this is also called hooking
- unless they have callbacks. here we can modify their behavior! this is also called hooking
- unless they have callbacks. here we can modify their behavior! this is also called hooking
- unless they have callbacks. here we can modify their behavior! this is also called hooking
- unless they have callbacks. here we can modify their behavior! this is also called hooking
- unless they have callbacks. here we can modify their behavior! this is also called hooking
- unless they have callbacks. here we can modify their behavior! this is also called hooking
- unless they have callbacks. here we can modify their behavior! this is also called hooking
- devjavu, paypal ... before functional programming even?
- look at those extra files in the repo!
- code can do anything
- all transparent. only see the effects
- maybe later this
- ipn is a webhook. started as just a real-time ping of a payment, but more events came up...
- including events that didn’t involve a user at all. ex: subscription payment failed
- simple. register a callback url.
- used that to expose svn hooks in devjavu.
- simple. too simple? heard disappointment after discovering it was HTTP POST.
- came up with this tongue in cheek tagline. but simple isn’t bad. it’s usually great.
- simple mechanics, if done right, yield rich, emergent dynamics.
- so here’s a regular web app.
- so here’s a regular web app.
- so here’s a regular web app.
- so here’s a regular web app.
- so here’s a regular web app.
- so here’s a regular web app.
- just have the events, stuff your code already does, trigger a callback url using POST. the user will have a callback...
- ..registers with you... and now it gets run when events happen
- all the app needs to know is its a url. it shouldn’t care about much else.
- so what is the callback? it’s just something to handle the post data. cheap php hosting, app engine, appjet, scriptlets... because it’s just a url that runs cgi, it can be any language on any machine...
- so what is the callback? it’s just something to handle the post data. cheap php hosting, app engine, appjet, scriptlets... because it’s just a url that runs cgi, it can be any language on any machine...
- so what is the callback? it’s just something to handle the post data. cheap php hosting, app engine, appjet, scriptlets... because it’s just a url that runs cgi, it can be any language on any machine...
- so what is the callback? it’s just something to handle the post data. cheap php hosting, app engine, appjet, scriptlets... because it’s just a url that runs cgi, it can be any language on any machine...
- so what is the callback? it’s just something to handle the post data. cheap php hosting, app engine, appjet, scriptlets... because it’s just a url that runs cgi, it can be any language on any machine...
- jon is building a web app. writes code, deploys to server.
- jon starts working with a team
- jon starts working with a team
- jon starts working with a team
- jon starts working with a team
- jon starts working with a team
- jon starts working with a team
- jon starts working with a team
- jon starts working with a team
- gets repetitive
- puts a script on his server
- registers it as a callback on github for post-recieve
- as he pushes, it runs the script
- as he pushes, it runs the script
- automates his previous manual announcement
- and even...
- deploys to itself automatically. all he has to do is write code and push. could take it further, he owns the script... maybe testing before deploy?
- the issue is that while interacting with amazon, the user picks options that could affect shipping, promotion discounts, and taxes. needs to call out back to you (the store owner) to calculate these.
- here’s what they look like. just post params, key value pairs. you can see what i did. they trigger on a lot of events. like login...
- verticals: ecommerce
- another big vertical
- more of a particular use case
- this is another use case, but varies a lot in details
- let users decide how they will be notified
- let users manage data from where they want
- let users use your app as part of a system
- let users tweak your app to their needs
- let users build new functionality for your app. user contributed functionality...
- This is real value: empowering your users to do more with your app than what you created it for... with one, simple solution
- observer pattern: subscribe to subjects
- getpingd, Fethr
- getpingd, Fethr
- as a user (power user or otherwise), all hookable apps are part of the ecosystem. like web apps with apis.
- made to help making callback urls for common things easy
- in code in the cloud environments, you usually are limited to web requests for obvious reasons. protocol droid is going to get around that.
- this makes working with email mailboxes way easier in the context of the web
- it’s neat to see it in netnewswire. looks like mail.app point is to make more protocols easier to work with from web scripts in fairly limited environments... because there will be more of them as the cloud grows
- do my own parsing on tasks... extend natural language, or add special codes
- for example, all these apps share data about todos. they each have respective specialized talents, but all work with todos. by putting hooks on todo CRUD, you can use their apis to keep them synced pretty well. magically. real-time.
- could use hooks to help with their magic, maybe... but could also use them to let people contribute connectors... reference github
- monitoring hooks. run some code to restart your server if the site is down?
- one thing i’ve been working on is an extension to integrate these ideas.
- by detecting some markup in a page, it discovers hooks. like say for new photos from contacts. you want to do something when that happens, click it
- and write some code. hit save, it posts to AppJet (or wherever), registers the handler (assuming a standard protocol), and done. all inline. go back and change the code.
- botanicalls, camera with webhooks
- Any sufficiently advanced technology is indistinguishable from magic.
- Web is not programmable/composable enough ... As the web integrates with the world, as it becomes more programmable, so does the world