+ Follow

Using Web Hooks

by Jeff Lindsay on Apr 23, 2009

35,691 views

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

Accessibility

View text version

Upload Details

Uploaded via SlideShare as Apple Keynote

Usage Rights

File a copyright complaint

38 Embeds 5,933

http://blog.webhooks.org	3690
https://zerowing.corp.adobe.com	693
http://webhooks.wordpress.com	641
http://joss.blogs.lincoln.ac.uk	217
http://firstkku.wordpress.com	198
http://www.nicholaswallen.com	185
http://www.slideshare.net	69
http://dev.wpmued.org	55
http://wrede.design.fh-aachen.de	49
url_unknown	23
http://www.nerdgrind.com	19
http://knolle.biz	17
http://iwiki.genexus.com	16
http://web.archive.org	12
http://translate.googleusercontent.com	8
http://projects.domusacademy.net	5
http://webcache.googleusercontent.com	5
http://mix-web-management.com	4
http://mastertograsshopper.blogspot.com	3
http://74.125.95.132	2
http://legacy.earlham.edu	2
http://www.asaasco.com	2
http://localhost:8124	2
http://74.125.47.132	2
http://static.slideshare.net	1
http://a0.twimg.com	1
http://us-w1.rockmelt.com	1
http://74.125.45.132	1
http://paper.li	1
http://blog.webhooks.org HTTP	1
http://209.85.135.132	1
http://trunk.ly	1
http://74.125.77.132	1
http://74.125.113.132	1
http://www.earlham.edu	1
http://sodbtv.com	1
http://74.125.155.132	1
http://localhost	1

More...

Statistics

Likes: 59
Downloads: 374
Comments: 8
Embed Views: 5,933
Views on SlideShare: 29,758
Total Views: 35,691

Using Web Hooks Presentation Transcript

webhooks jeff lindsay

WEBHOOKS AND THE FUTURE OF THE WEB

problem solution examples implementation inspiration future

problem?

‣ notiﬁcations ‣ data syncing ‣ chaining ‣ modiﬁcation ‣ plugins

‣ notifications “I wish I could get notifications exactly ‣ data syncing how I want.” ‣ chaining ‣ modification ‣ plugins

‣ notiﬁcations ‣ data syncing “I wish my web apps would keep overlapping ‣ chaining data in sync.” ‣ modiﬁcation ‣ plugins

‣ notiﬁcations ‣ data syncing ‣ chaining “I wish I could make ‣ modiﬁcation another app do ‣ plugins something when I use this app.”

‣ notiﬁcations ‣ data syncing ‣ chaining ‣ modiﬁcation “I wish I could make ‣ plugins this app work just slightly differently.”

‣ notiﬁcations ‣ data syncing ‣ chaining ‣ modiﬁcation ‣ plugins “I wish I could let my users extend/build plugins for my app.”

} ‣ notiﬁcations ‣ data syncing ‣ chaining programmability ‣ modiﬁcation ‣ plugins

WEBHOOKS

WEBHOOKS Huh?

web•hooks |ˈwebˌhoŏks| pattern of enabling user-defined callbacks in web applications

us•er |ˈyoōzər|

call•back |ˈkôlˌbak|

call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)

call•back |ˈkôlˌbak| Program

call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)

call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) Library ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)

call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) Library ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)

call•back |ˈkôlˌbak| Program ƒ(x) ƒ(x) ƒ(x) Library ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x) ƒ(x)

“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.”

webhooks origin

subversion hooks repository working copy foo

subversion hooks repository working copy foo foo

subversion hooks repository foo

subversion hooks repository bar foo

subversion hooks repository bar bar

subversion hooks repository pre-commit foo bar post-commit

subversion hooks Does this user have repository permission? pre-commit Is this change valid? foo bar post-commit

subversion hooks repository pre-commit foo bar post-commit

subversion hooks repository pre-commit bar bar post-commit

subversion hooks repository pre-commit bar bar Send a notice to IRC post-commit Try to build the project

subversion hooks repository bar bar

subversion hooks repository A new change was committed by Jeff. bar bar

subversion hooks repository bar bar Damn it Jeff, you broke the build!

paypal ipn

webhooks SO SIMPLE YOUʼLL THINK ITʼS STUPID

webhooks anatomy web app

webhooks anatomy web app db

webhooks anatomy ui web app db

webhooks anatomy ui web app event event db event

webhooks anatomy ui api web app event event db event

webhooks anatomy ui api web app event event db event callback

webhooks anatomy ui api web app event event db event

webhooks anatomy

webhooks anatomy callback

examples

DEPLOY

PUSH

Hey guys, pull.

DEPLOY

PUSH

Hey guys, pull.

DEPLOY

Hooks?

http://myserver.com/script

http://myserver.com/script R ISTE REG

PUSH

Hey guys, pull.

OY PL E D

1. deﬁne achievements here 2. add trigger pings to your backend 3. paste javascript into your layout

not done yet, but... QUESTIONS?

more examples ecommerce project hosting notifications plugins / platform

payoff notifications data syncing FOR THE DEVELOPER chaining modifications plugins

payoff notifications data syncing FOR THE DEVELOPER chaining modifications plugins one, simple solution

how to implement

1. design callback channels per noun or per verb on noun wiki crud? project install/uninstall account pre-commit/post-commit plugin vs

2. create registration method web ui or api both? :)

3. choose payload format POST parameters JSON XML

4. add trigger code to events

5. consider these options queuing posts HMAC verification retry return data filtering validation

ecosystem

protocol-droid

protocol-droid coming soon...

inspiration

Todos Basecamp

Hey, there’s an event hook here!

Save

future

what to expect from webhooks

what to expect from webhooks sharing

what to expect from webhooks sharing standardization

what to expect from webhooks sharing standardization tools

what to expect from webhooks sharing standardization integration tools

what to expect from webhooks

web of things embedded devices are getting more powerful and connected

web of things “API for everything”

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

program the world cloud computing + == near real “magic” web of things + easier programmability

problem solution examples implementation inspiration future

use webhooks! join the community http://webhooks.org

ok, itʼs over... QUESTIONS?

Umair Ahmed, Applications Engineer at Karachi really informative.. 1 year ago

Are you sure you want to

James Nguyen at the computer brain maker Perhaps move foilsl 148-153 to the front of this deck. 1 year ago

Dave Freeman, Investment Executive at House of Investors Great presentation. I read twice.

Dave (a web designer currently working on : www.freeringtonesforverizon.net/ ) 2 years ago

Jeff Lindsay, Hacker-philosopher at Twilio helder: done! 3 years ago

Helder Ribeiro, Founder at Umamão 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 :) 3 years ago

Jeff Lindsay, Hacker-philosopher at Twilio 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 3 years ago

guest251a88 great graphic arts; webhooks are obviously gonna get big 4 years ago

guest0c4aba Awesome. I really liked the 'future' section 4 years ago

Using Web Hooks

by Jeff Lindsay on Apr 23, 2009

Accessibility

Categories

Upload Details

Usage Rights

38 Embeds 5,933

Statistics

Using Web Hooks Presentation Transcript