Web Hooks and the Programmable World of Tomorrow

Preview:

DESCRIPTION

Epic 40min talk on Web Hooks originally given in 2008. More information at http://webhooks.org

Citation preview

WEB HOOKSProgrammable World of Tomorrow

and the

Jeff Lindsayintroductiontalk about this idiom, show examples, share ideas, explain significancehow many are familiar with this idiom?

internetz

User

Web Service

for those that don’t know: a story

internetz

User

Web ServiceHi, I’m Twickr,

a new web service.

internetz

User

“Twickr”

Cool. Sign me up.

internetz

User

“Twickr”Okay, you’re all set. Now listen...

internetz

User

“Twickr”I might find myself with some

data you might be interested in.

internetz

User

“Twickr”

Alight, hold on a sec...

internetz

User

“Twickr”

hack hackety hack

internetz

User

“Twickr”

Could you just post it here when you have any?

http://tinyurl.com/6pln4u

internetz

User

“Twickr”...sure, why not.

Hmm, what is that URL?

internetz

User

“Twickr”

It’s a PHP script I putup on Dreamhost.

internetz

User

“Twickr”

What does it do?

internetz

User

“Twickr”

Whatever I want...

web hooks are simple http event notifications meant to trigger other web scripts

the idea is not new, but not exactly popular. why?paypal has been doing it for ages

instant payment notification is a web hook

“When a customer pays you, PayPal posts a notification to your server at a URL you specify.”

here’s a diagram. they’ve since added anti-spoofing by requiring a validation step. useful pattern, but not core to the idea

started thinking about this in 2006.everything flashed before my eyes and was confused why it wasn’t used more.felt like i was taking crazy pills

compare to REST.

both have been around longer, but the point is rest simpler.. in fact, it’s almost described as “using HTTP properly”but not until it got a name could it be used in discourse to make it popular

REST

Hooks

rest and web hooks are two sides of the same cointhey complement each other in ways i’ll get to laterbut i just want to give this pattern a name, and start associating some ideas with it

Push

Pipes

Plugins

talk is split into three sectionsways to look at the use of web hooksicons will hopefully make more sense as i talk about them

Pushlet’s get started with pushpeople are starting to talk about push in the context of web content

because of feeds. or rather, the success of feedsit started with blog feeds, then comment feeds...

then soon exploded into twitter feeds, photo feeds, activity feeds, event feeds, bookmark feedseven feeds of feeds

then soon exploded into twitter feeds, photo feeds, activity feeds, event feeds, bookmark feedseven feeds of feeds

then soon exploded into twitter feeds, photo feeds, activity feeds, event feeds, bookmark feedseven feeds of feeds

then soon exploded into twitter feeds, photo feeds, activity feeds, event feeds, bookmark feedseven feeds of feeds

then soon exploded into twitter feeds, photo feeds, activity feeds, event feeds, bookmark feedseven feeds of feeds

then soon exploded into twitter feeds, photo feeds, activity feeds, event feeds, bookmark feedseven feeds of feeds

then soon exploded into twitter feeds, photo feeds, activity feeds, event feeds, bookmark feedseven feeds of feeds

it makes you think of feeds like in the telecom world

data coming directly to you

but we know that’s not how it works

?

instead we have to go request the data

then it gives it to us. and we do this over and over. are we there yet? are we there yet?

?

feeds made sense in a world where feed readers ran on desktops that couldn’t be pushed to over http

?

of course, now we have other web applications consuming feeds and it doesn’t make senseeven our feed readers have become web applications

evan and kellan gave a great talk about this, and their proposed solution: xmppi have a condensed version of this talk. the slides speak for themselves

(aka XMPP)

they have a great point. polling sucks, and xmpp is a pretty good solution for data streams

but it’s kind of heavy weight. it does a lot and makes a decently complex little system.luckily it’s not *that* hard to use with today’s library support

joshua schachter responded to this talk in a blog post.i don’t know him, but he sounds like a smart guy

“One solution that occurred to me at the time was to build a simple callback system over HTTP.This would fall comfortably between full polling and full persistent publish/subscribe.”

i think you’re onto something joshua.i just don’t know about the name PIMP (or even Push RSS really).it *is* a nice place between polling and xmpp pubsub

it’s worked for paypal...

evan and kellan did point out there are extremes when it comes to data streams.most data streams will probably fall somewhere in between,but i do think xmpp is perfect for the fast and furious end

microformats

i’m a fan of microformats. not just in what they do, but how they do it.very ground up, grassroots... take existing popular use-patterns and make it a convention.like web hooks, microformats can be viewed as an alternative to something: xml+rdf

“Here's a new language we want you to learn, and now you need to output these additional files on your server. It's a hassle. (Microformats) lower the barrier to entry.”

xml+rdf vs microformats

tantek is a big microformats evangelist. he says....

so i told him about web hooks. “what are they?” “push over http” “how are they diff than xmpp?” “they’re a lightweight alternative”

“Good. XMPP needs a competitor.”

xmpp vs web hooks

he says...

this was encouraging. i mean, when tantek talks, you listen...if for no other reason than

he gets the chicks

started spreading the word as “web hooks” and it started popping up places.this is a standard for discovering and subscribing to content changes.they use both web hooks and xmpp, which is a good sign.good idea, but standard specs alone don’t get very far

gnip though. let me tell you about gnip...if we could just figure out what they do...ah, no, they’re on to something

Polling

they started with the goal to eliminate polling. Great!

but they do a lot in several dimensions, so its hard to explain all that they do.notice they mention web hooks though... so i gotta figure out what they do.

RSSAtomXML

Format

Web HooksXMPP

REST

Protocol + Mechanism

Web HooksXMPP

REST

Protocol + Mechanism

RSSAtomXML

Format

Source Destination

Publisher Consumer

ok. so here’s what i found out. they’re an adaptor for data streams, letting publishers and consumers choose their format, protocol, and mechanism of choicevarious formats, polling or push using web hooks or xmpp (soon).

RSSAtomXML

Format

Web HooksXMPP

REST

Protocol + Mechanism

Web HooksXMPP

REST

Protocol + Mechanism

RSSAtomXML

Format

Source

Publisher Consumer

so for example, i want a digg data stream

RSSAtomXML

Format

Web HooksXMPP

REST

Protocol + Mechanism

Web HooksXMPP

REST

Protocol + Mechanism

RSSAtomXML

Format

Source

Publisher Consumer

they provide in rss over rest, which means polling

RSSAtomXML

Format

Web HooksXMPP

REST

Protocol + Mechanism

Web HooksXMPP

REST

Protocol + Mechanism

RSSAtomXML

Format

Source

Publisher Consumer

but i want web hooks with an atom payload.gnip makes it happen

RSSAtomXML

Format

Web HooksXMPP

REST

Protocol + Mechanism

Web HooksXMPP

REST

Protocol + Mechanism

RSSAtomXML

Format

Publisher Consumer

same thing if twitter provides xmpp notifications, but i have rss polling infrastructure...gnip makes it happen

RSSAtomXML

Format

Web HooksXMPP

REST

Protocol + Mechanism

Web HooksXMPP

REST

Protocol + Mechanism

RSSAtomXML

Format

Publisher Consumer

cases like with friendfeed (which doesn’t actually work with fb)say fb provides atom over rest, but friendfeed doesn’t find that efficient... they want xmppgnip

RSSAtomXML

Format

Web HooksXMPP

REST

Protocol + Mechanism

Web HooksXMPP

REST

Protocol + Mechanism

RSSAtomXML

Format

Publisher Consumer

even something as redundant as polling atom on both ends, gnip offloads the polling stress from facebook (and adds filters, etc)

Push is good.

so the moral here is that push is good.

XMPP is ideal when needed,but Web Hooks generally do the job.

as far as xmpp vs web hooks, i think they both have their place.

But push is not the point.

so far, push has been about pushing content. this is not that interesting to me. i like functionality. and as simple as web hooks are, they have something xmpp doesn’t:simple code triggering

Pipesi love this photo. even more than the cute kid pushing the car

there once was a command linenav filesystem, launch apps, scripting environment.but it had an extra something special: pipes. letting you combine applications

Program

Input Output

all from a bit of infrastructure involving input and output

Program

STDIN STDOUT

STDERR

stdin, stdout were available to reroute wherever the user wantedmost common use was chaining commands together: piping

cat

xargs

wc

mailecho

grep

wget

so you had all these simple little programs, that might not even be useful alone

cat

xargs

wc

mailecho

grep

wget

string them together...

grepcat

xargs

wc

mailecho

wget

mailgrepcat

xargs

wc

echowget

and you have something more useful than the sum of the parts

Write programs to work together.

Write programs that do one thing and do it well.

Write programs that handle text streams, because that is a universal interface.

this helped put forth the unix philosophy

Program

STDIN

but it doesn’t work without the output. it just breaks.

Web App

API

unfortunately that’s how the web is today. we can talk to web apps, but they really can’t talk to us. or anything else really.

Web App

API Events

it’s not that they can’t, they just don’t. we need to start placing event hooks in.

Web App

REST Hooks

those roles are best played by mechanisms that use the protocol the web is built on

backhoe

+

front-loader + excavator

Basecamp

mailgrepcat

so we want to combine web applications like we can CLI programs.get more than the sum of the parts. web hooks open up this possibility, but need like APIs, need to be implemented

Basecamp

imagine basecamp with a bunch of hooks for events

Basecamp

Project finished

Todo completed

Milestone created

Contact added

File uploaded

Basecamp

My handlerhttp://example.com/handler

users can write handlers that are just web scripts. they have a url, and thats what you give basecamp

Basecamp

My handlerhttp://example.com/handler

it’s code. it can do anything from there. integrate with other services, make a phone call, order pizza, whatever

Basecamp

Todos

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.

Service integration

web hooks enable service integration

Composability

adding composability to web apps

Code as glue

based on the idea that web urls can run code. and code can do anything.

when i first thought about this, cheap PHP hosting was all over, but it could be even simpler.there are paste bins like this one. made to share formatted code with people over IRC or email

put in some code you want to share or ask a question about

http://pastie.org/84826

hit save and you get a URL you can share when you ask “where’s the data stored?”

i’m thinking of the same thing, but that you write handlers with

http://pastie.org/run/24576

and saving doesn’t just give a url to view, but to run. pass that url into an app with web hooks

Basecamp

Project finishedhttp://pastie.org/run/24576

for example, basecamp. now when you finish a project, everybody meets for shots in the break room.

fortunately, we have this. it’s called appjet by ex googlers.

just hit a button, write code, hit save, share the url. it’s javascript

obviously app engine, although it’s a little more involved than appjet for quick handlers.but it is an option for python.and there are ruby/rails hosts like heroku

one thing i’ve been working on is an extension to integrate these ideas.

Hey, there’s an event hook here!

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

Save

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.

Real world examples

but these are all mockups and what-ifs... there is a world of web hooks already evolving...

i started by exposing svn hooks as web hooks in devjavu

i talked about web hooks enough using pbwiki as an example, their mysterious cto decided to implement them

and apparently really liked what he found

went all out on hooked events. not sure if it’s made it to production, but really cool

github though. they had a push hook. in fact, they linked to my blog post from their homepage for a long time.

they’ve been doing really well with web hooks. we’ll come back to them...

“Building projects with web hooks in mind lets me keep the core Lighthouse source focused, while external services live in their own libraries.”

--Rick Olson

from there the idea silently spread to other rails guys.rick olson used them in lighthouse

“We implemented web hooks a while ago and people have been building all sorts of unexpected stuff on top of it.”

--Tobias Lütke

tobias used them in shopify. i’m told he’s revamping their api to have more hooks

and back to github. they were so successful with the adhoc integration, they formalized it.but in the best way! using their existing web hook infrastructure. they just have modules running in a separate but local web service.

in fact, that lets them open source it. letting people fork, write new handlers, and push back.this is probably going to be the standard model of service integration.

and a great example of services integrated with github, besides lighthouse, is runcoderun.they run your regression tests for you. continuous integration in the sky. love it.they sign you up automatically if you put their hook in github.

then there’s martyn and andy. two guys in the uk that love web hooks.they built this thing called spaghetti junction at a hackday. it involved into...

switchub. i REALLY love this. i knew this sort of thing would emerge, but i didn’t think it would happen until web hooks were more popular. kind of like the pastinbin code runner, they let you create hook inputs with urls to put in apps that you can route to various output handlers: email, irc, etc

my example switchboard. this kind of feels like gnip, only more focused and more about web hooks. so i like it lots.

opening handlers up like github. anybody can write handlers soon.working with them a little to make it real awesome.

for example, i suggested rss as an input, but that would require polling. well distribute it!let somebody like rssfwd implement hooks and use them. wow, what other services could you build around switchub?

switchub is more of how i envisioned piping on the web.yahoo pipes was a great experiment, but it’s not real pipes. no integration. only aggregation.

i visualize it more like this. reason: virtual rack mounts

flip it around and wire them together however you like. totally cool.

and of course i mentioned paypal. but i should mention, web hooks make so much sensefor paypal... they’re not so much about pushing content, but INTEGRATING. that’s whatweb hooks are great for, even though they can be used for content push.

jott is another example of a web hook implementer that doesn’t know it. they parse voice over the phone and do stuff with it, like post to twitter, etc

they do it with “Links”... which are just hooks. they post to a script that does something with the parsed text. really cool for todos.

User jotts toa Jott Link

The message isconvertedinto text

Message is sent viaHTTP Post to a

web page

Jott reads back theresponse and sendsit via SMS & SMTP

User receivesinformation back

here’s their diagram. totally web hooks.

so, thinking back to switchub, and like jott, there’s a lot of cool ideas for something to web hook services. I made mailhook to parse incoming email and trigger scripts to handle it. very useful.

GAE community made one because GAE doesn’t have a way to accept email. web hooks were the obvious solution.

rick olson has an open source non-hosted ruby version that will do xmpp.he uses it for lighthouse.

but smtp2web is interesting because it was made because of the limitations of GAE...

in fact a lot of people made these kinds of “micro webservices” to do simple things GAE didn’t do.

http://movq.net

here’s a couple from a site i found. they have a cool cron service ... should be useful in the web hooks ecosystem

making things more web friendly... working with lisa dussault to make a IMAP to REST bridge...

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

Write services to work together.

Write services that do one thing and do it well.

Write services that interact with HTTP, because that is simple + ubiquitous

...and it’s already in your stack.

but these micro webservices are like the tiny CLI programs that aren’t very useful by themselves. but they need a means to interact with other apps, and web hooks have been the obvious solution. so i’d like to start pushing these tenets, similar to the unix philosophy

jon udell talks about websites as data sources that can be reused and remixedtoday that idea isn’t very novel

“a new programming paradigm that takes the whole Internet

as its platform”

he envisions the Internet (and I’ll say the web) as a programming paradigm. i’d say also an OS, but that’s for another time. but it won’t be true until apps are composable and easily integratable.

that’s the future i see though.

Pluginsthere’s one more thing i want to talk about.

web was a bunch of pages linked together.

but people kept wanting to access other things through the web (like me today)

so they developed cgi

tangent: this is a neat find. was on reddit. andreessen proposing IMG tag.people fought it, said it needed to be more generalized.he just put it on mosaic and that was that

so these pages... today... because of cgi

are actually the result

of these higher order nodes... the code... the apps. this is most of the web today. neat how that evolved

so you have these applications

and the difference you might think is backend and frontend.but there is a subtly different way to think about it

ContentLogic

logic and content. the read-write web gave us user contributed content...i want user contributed (democratized) logic.

ContentLogic

not just integrating and composing apps

ContentLogic

but extending apps...

almost called this section Platforms.platforms are really cool. we all love them.i LOVE them, so fb platform was really cool.asked a friend how it worked. he said “web hooks”

sure enough, this looks like web hooks to me. as long as it’s http, calling out... but then using the results in their app? thats different...

in fact a few people have used web hooks for plugins. dabble is a great example.

they do online databased for people that use excel as a database.

their plugin API is great. it uses web hooks!

“Dabble plugins allow Dabble applications to create new, derived fields by calling out to external HTTP-accessible applications. This solves the problem of safely enabling

extension of a centrally-located hosted application, in that, while you’re writing code to extend and enhance the behavior of a Dabble application, your code never

actually runs inside Dabble.”

[General]Name = Amazon Sales Rank

[Sales Rank by ISBN]URL = http://chadfowler.com/dabble/amazon_sales_rank.cgiInput = TextOutput = Number

only they have an extra layer for meta data. but that’s a cool pattern.

“If you’ve used a UNIX-based operating system, you’re probably familiar with the notion of pipes. The output of one program is piped into the input of another, creating a filter chain. This is conceptually the same as the way Dabble’s plugin IO works.

Nice and simple.”

of course, they compare it to pipes. the simplicity. the natural fit of it.

of course, i think they should have web hooks for all their standard CRUD events... this way their database apps can integrate (like PayPal) with the rest of your workflow

in fact, all these “app platforms” like coghead and salesforce should have web hooks.that would make them more useful, less silo’d off into just processing data in their world

here’s a little microplatform i made last month.a twitter bot platform using web hooks.in fact, i built it with web hooks... using mailhook and appjet.

here’s the code.

you just register hooks, give them a name, and DM tdo with the command and arguments.

IMified uses web hooks. sells the tech too: “allows anyone with basic web programming skills to quickly and easily create ...”

General SystemsTheory

close by dropping some GST on you

General SystemsTheory

central tenet is value is not in the elements or parts of a system

General SystemsTheory

the real value is in the interactions, how they work together. this creates the emergent phenomenon of a system, and defines its behavior

Degrees of freedom

increase the ways to work together, the means of combination, increases the DoF

Increase possibility space

uncover new opportunities in business, tools, and empowerment

“a new programming paradigm that takes the whole Internet

as its platform”

sounds cool

Web APIs

half way there

Web APIsWeb Hooks

not hard to go the rest of the way

http://flickr.com/photos/nikonfans/439432049/http://flickr.com/photos/omegaman/477866054/http://flickr.com/photos/aquan/2780542698/http://flickr.com/photos/lucky_13/191038503/http://flickr.com/photos/narwhal85/1290912011/http://flickr.com/photos/thomashawk/521532598/http://flickr.com/photos/bendodson/2601002535/http://flickr.com/photos/ntr23/218966763/

Thanks!progrium@gmail.comprogrium.com