Search

Using Web Hooks

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

5 comments

Comments 1 - 5 of 5 previous next Post a comment

  • + helder helder 3 days ago
    Er.. Is there a chance you could release this as Creative Commons? :) I’d like to take parts of it for a presentation of mine. Attribution and all, of course, and non-commercial. Please consider :)
  • + progrium Jeff Lindsay 3 months ago
    If you guys are interested in more, I’m trying to give a talk at SXSW about the more big picture stuff: http://panelpicker.sxsw.com/ideas/view/3233
  • + guest251a88 guest251a88 7 months ago
    great graphic arts; webhooks are obviously gonna get big
  • + guest0c4aba guest0c4aba 7 months ago
    Awesome. I really liked the ’future’ section
  • + guest068be guest068be 7 months ago
    Nice. Like the webhooks logo.

    Regards,
    tamberg
Post a comment
Embed Video
Edit your comment Cancel

Notes on slide 1

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





40 Favorites

Using Web Hooks - Presentation Transcript

  1. webhooks jeff lindsay
  2. WEBHOOKS AND THE FUTURE OF THE WEB
  3. problem solution examples implementation inspiration future
  4. problem?
  5. ‣ notifications ‣ data syncing ‣ chaining ‣ modification ‣ plugins
  6. ‣ notifications ‣ data syncing ‣ chaining ‣ modification ‣ plugins
  7. ‣ notifications “I wish I could get notifications exactly ‣ data syncing how I want.” ‣ chaining ‣ modification ‣ plugins
  8. ‣ notifications ‣ data syncing “I wish my web apps would keep overlapping ‣ chaining data in sync.” ‣ modification ‣ plugins
  9. ‣ notifications ‣ data syncing ‣ chaining “I wish I could make ‣ modification another app do ‣ plugins something when I use this app.”
  10. ‣ notifications ‣ data syncing ‣ chaining ‣ modification “I wish I could make ‣ plugins this app work just slightly differently.”
  11. ‣ notifications ‣ data syncing ‣ chaining ‣ modification ‣ plugins “I wish I could let my users extend/build plugins for my app.”
  12. } ‣ notifications ‣ data syncing ‣ chaining programmability ‣ modification ‣ plugins
  13. WEBHOOKS
  14. WEBHOOKS Huh?
  15. web•hooks |ˈwebˌhoŏks| pattern of enabling user-defined callbacks in web applications
  16. us•er |ˈyoōzər|
  17. call•back |ˈkôlˌbak|
  18. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
  19. call•back |ˈkôlˌbak| Program
  20. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
  21. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
  22. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
  23. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
  24. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
  25. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
  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) Library ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
  29. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) Library ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
  30. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) Library ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
  31. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) Library ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
  32. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) Library ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)
  33. call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) Library ƒ(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)
  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. “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.”
  48. webhooks origin
  49. subversion hooks repository working copy foo
  50. subversion hooks repository working copy foo foo
  51. subversion hooks repository foo
  52. subversion hooks repository bar foo
  53. subversion hooks repository bar foo
  54. subversion hooks repository bar bar
  55. subversion hooks repository pre-commit foo bar post-commit
  56. subversion hooks repository pre-commit foo bar post-commit
  57. subversion hooks Does this user have repository permission? pre-commit Is this change valid? foo bar post-commit
  58. subversion hooks repository pre-commit foo bar post-commit
  59. subversion hooks repository pre-commit bar bar post-commit
  60. subversion hooks repository pre-commit bar bar Send a notice to IRC post-commit Try to build the project
  61. subversion hooks repository bar bar
  62. subversion hooks repository A new change was committed by Jeff. bar bar
  63. subversion hooks repository bar bar Damn it Jeff, you broke the build!
  64. paypal ipn
  65. paypal ipn
  66. paypal ipn
  67. webhooks SO SIMPLE YOUʼLL THINK ITʼS STUPID
  68. webhooks anatomy web app
  69. webhooks anatomy web app db
  70. webhooks anatomy ui web app db
  71. webhooks anatomy ui web app db
  72. webhooks anatomy ui web app event event db event
  73. webhooks anatomy ui api web app event event db event
  74. webhooks anatomy ui api web app event event db event
  75. webhooks anatomy ui api web app event event db event
  76. webhooks anatomy ui api web app event event db event callback
  77. webhooks anatomy ui api web app event event db event callback
  78. webhooks anatomy ui api web app event event db event
  79. webhooks anatomy
  80. webhooks anatomy callback
  81. webhooks anatomy callback
  82. webhooks anatomy callback
  83. webhooks anatomy callback
  84. webhooks anatomy callback
  85. examples
  86. DEPLOY
  87. PUSH
  88. Hey guys, pull.
  89. k
  90. DEPLOY
  91. PUSH
  92. Hey guys, pull.
  93. k
  94. DEPLOY
  95. Hooks?
  96. http://myserver.com/script
  97. http://myserver.com/script R ISTE REG
  98. PUSH
  99. PUSH
  100. Hey guys, pull.
  101. k
  102. OY PL E D
  103. 1. define achievements here 2. add trigger pings to your backend 3. paste javascript into your layout
  104. not done yet, but... QUESTIONS?
  105. more examples ecommerce project hosting notifications plugins / platform
  106. more examples ecommerce project hosting notifications plugins / platform
  107. more examples ecommerce project hosting notifications plugins / platform
  108. more examples ecommerce project hosting notifications plugins / platform
  109. payoff notifications data syncing FOR THE DEVELOPER chaining modifications plugins
  110. payoff notifications data syncing FOR THE DEVELOPER chaining modifications plugins
  111. payoff notifications data syncing FOR THE DEVELOPER chaining modifications plugins
  112. payoff notifications data syncing FOR THE DEVELOPER chaining modifications plugins
  113. payoff notifications data syncing FOR THE DEVELOPER chaining modifications plugins
  114. payoff notifications data syncing FOR THE DEVELOPER chaining modifications plugins one, simple solution
  115. how to implement
  116. 1. design callback channels per noun or per verb on noun wiki crud? project install/uninstall account pre-commit/post-commit plugin vs
  117. 2. create registration method web ui or api both? :)
  118. 3. choose payload format POST parameters JSON XML
  119. 4. add trigger code to events
  120. 5. consider these options queuing posts HMAC verification retry return data filtering validation
  121. ecosystem
  122. protocol-droid
  123. protocol-droid coming soon...
  124. inspiration
  125. Todos Basecamp
  126. Hey, there’s an event hook here!
  127. Save
  128. future
  129. what to expect from webhooks
  130. what to expect from webhooks sharing
  131. what to expect from webhooks sharing standardization
  132. what to expect from webhooks sharing standardization
  133. what to expect from webhooks sharing standardization tools
  134. what to expect from webhooks sharing standardization integration tools
  135. what to expect from webhooks sharing standardization integration tools
  136. what to expect from webhooks
  137. web of things embedded devices are getting more powerful and connected
  138. web of things “API for everything”
  139. 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
  140. program the world cloud computing + == near real “magic” web of things + easier programmability
  141. problem solution examples implementation inspiration future
  142. use webhooks! join the community http://webhooks.org
  143. ok, itʼs over... QUESTIONS?

+ Jeff LindsayJeff Lindsay, 7 months ago

custom

13586 views, 40 favs, 20 embeds more stats

A tech talk I gave at Pivotal Labs with an epic new more

More info about this document

© All Rights Reserved

Go to text version

  • Total Views 13586
    • 11859 on SlideShare
    • 1727 from embeds
  • Comments 5
  • Favorites 40
  • Downloads 179
Most viewed embeds
  • 1651 views on http://blog.webhooks.org
  • 20 views on http://joss.blogs.lincoln.ac.uk
  • 12 views on http://wrede.design.fh-aachen.de
  • 12 views on http://iwiki.genexus.com
  • 6 views on https://zerowing.corp.adobe.com

more

All embeds
  • 1651 views on http://blog.webhooks.org
  • 20 views on http://joss.blogs.lincoln.ac.uk
  • 12 views on http://wrede.design.fh-aachen.de
  • 12 views on http://iwiki.genexus.com
  • 6 views on https://zerowing.corp.adobe.com
  • 5 views on http://projects.domusacademy.net
  • 3 views on http://dev.wpmued.org
  • 3 views on http://www.nicholaswallen.com
  • 2 views on http://74.125.47.132
  • 2 views on http://74.125.95.132
  • 2 views on http://www.asaasco.com
  • 1 views on http://74.125.77.132
  • 1 views on http://sodbtv.com
  • 1 views on http://www.nerdgrind.com
  • 1 views on http://74.125.113.132
  • 1 views on http://localhost
  • 1 views on http://74.125.45.132
  • 1 views on http://209.85.135.132
  • 1 views on http://74.125.155.132
  • 1 views on http://mastertograsshopper.blogspot.com

less

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

Cancel
File a copyright complaint
Having problems? Go to our helpdesk?

Categories

Tags

more
-->
Search
RSS Feed
What's new?

© 2009 SlideShare Inc. All Rights Reserved